beenull/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

A fix for a quirk of odd-numbered widgets in Rockfield (#6332)

Browse source
This commit is contained in:
Leah 2022-08-09 13:56:18 -04:00 committed by GitHub
parent f7adca9a46
commit 975ec26b33
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 9 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
rockfield/sass/_extra-child-theme.scss
View file

@ -617,16 +617,17 @@ table,
}
@include media(laptop) {
column-gap: #{map-deep-get($config-global, "spacing", "horizontal")};
display: flex;
flex-wrap: wrap;
justify-content: space-between;
& > *:nth-child(2) {
& > *:nth-child(n + 2) {
margin-top: 0;
}
.widget {
width: calc(50% - #{map-deep-get($config-global, "spacing", "horizontal")});
flex: calc(50% - #{map-deep-get($config-global, "spacing", "horizontal")});
}
}
}

5
rockfield/style-rtl.css
View file

@ -4629,15 +4629,16 @@ table th,
@media only screen and (min-width: 782px) {
.widget-area {
column-gap: 16px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.widget-area > *:nth-child(2) {
.widget-area > *:nth-child(n + 2) {
margin-top: 0;
}
.widget-area .widget {
width: calc(50% - 16px);
flex: calc(50% - 16px);
}
}

5
rockfield/style.css
View file

@ -4658,15 +4658,16 @@ table th,
@media only screen and (min-width: 782px) {
.widget-area {
column-gap: 16px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.widget-area > *:nth-child(2) {
.widget-area > *:nth-child(n + 2) {
margin-top: 0;
}
.widget-area .widget {
width: calc(50% - 16px);
flex: calc(50% - 16px);
}
}