Skip to content

Commit a05db3e

Browse files
committed
Try: Padding fix.
1 parent 67fd0f8 commit a05db3e

File tree

1 file changed

+7
-6
lines changed

1 file changed

+7
-6
lines changed

blocks/layout-grid/style.scss

+7-6
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
*/
1111

1212
/* autoprefixer grid: no-autoplace */
13-
13+
.wp-block-jetpack-layout-grid-editor,
1414
.wp-block-jetpack-layout-grid {
1515
// This padding adds end gutters.
1616
padding-left: 24px;
@@ -46,39 +46,39 @@
4646

4747
// Additional, user-set paddings.
4848
// Apply both gutter padding and user-set padding, when a background is also set.
49-
&.wp-block-jetpack-layout-grid__padding-none {
49+
.wp-block-jetpack-layout-grid__padding-none {
5050
padding: $padding-none;
5151

5252
&.has-background {
5353
padding: $padding-none ($padding-none + $grid-gutter__background-offset);
5454
}
5555
}
5656

57-
&.wp-block-jetpack-layout-grid__padding-small .wp-block-jetpack-layout-grid-column {
57+
.wp-block-jetpack-layout-grid__padding-small .wp-block-jetpack-layout-grid-column {
5858
padding: $padding-small;
5959

6060
&.has-background {
6161
padding: $padding-small ($padding-small + $grid-gutter__background-offset);
6262
}
6363
}
6464

65-
&.wp-block-jetpack-layout-grid__padding-medium .wp-block-jetpack-layout-grid-column {
65+
.wp-block-jetpack-layout-grid__padding-medium .wp-block-jetpack-layout-grid-column {
6666
padding: $padding-medium;
6767

6868
&.has-background {
6969
padding: $padding-medium ($padding-medium + $grid-gutter__background-offset);
7070
}
7171
}
7272

73-
&.wp-block-jetpack-layout-grid__padding-large .wp-block-jetpack-layout-grid-column {
73+
.wp-block-jetpack-layout-grid__padding-large .wp-block-jetpack-layout-grid-column {
7474
padding: $padding-large;
7575

7676
&.has-background {
7777
padding: $padding-large ($padding-large + $grid-gutter__background-offset);
7878
}
7979
}
8080

81-
&.wp-block-jetpack-layout-grid__padding-huge .wp-block-jetpack-layout-grid-column {
81+
.wp-block-jetpack-layout-grid__padding-huge .wp-block-jetpack-layout-grid-column {
8282
padding: $padding-huge;
8383

8484
&.has-background {
@@ -92,6 +92,7 @@
9292
* Individual Column Options
9393
*/
9494

95+
.wp-block-jetpack-layout-grid-editor .wp-block-jetpack-layout-grid-column,
9596
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column {
9697
// When a column has a background color, we add negative margins to enable
9798
// some of the gutter to work as default padding.

0 commit comments

Comments
 (0)