|
10 | 10 | */ |
11 | 11 |
|
12 | 12 | /* autoprefixer grid: no-autoplace */ |
13 | | - |
| 13 | +.wp-block-jetpack-layout-grid-editor, |
14 | 14 | .wp-block-jetpack-layout-grid { |
15 | 15 | // This padding adds end gutters. |
16 | 16 | padding-left: 24px; |
|
46 | 46 |
|
47 | 47 | // Additional, user-set paddings. |
48 | 48 | // 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 { |
50 | 50 | padding: $padding-none; |
51 | 51 |
|
52 | 52 | &.has-background { |
53 | 53 | padding: $padding-none ($padding-none + $grid-gutter__background-offset); |
54 | 54 | } |
55 | 55 | } |
56 | 56 |
|
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 { |
58 | 58 | padding: $padding-small; |
59 | 59 |
|
60 | 60 | &.has-background { |
61 | 61 | padding: $padding-small ($padding-small + $grid-gutter__background-offset); |
62 | 62 | } |
63 | 63 | } |
64 | 64 |
|
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 { |
66 | 66 | padding: $padding-medium; |
67 | 67 |
|
68 | 68 | &.has-background { |
69 | 69 | padding: $padding-medium ($padding-medium + $grid-gutter__background-offset); |
70 | 70 | } |
71 | 71 | } |
72 | 72 |
|
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 { |
74 | 74 | padding: $padding-large; |
75 | 75 |
|
76 | 76 | &.has-background { |
77 | 77 | padding: $padding-large ($padding-large + $grid-gutter__background-offset); |
78 | 78 | } |
79 | 79 | } |
80 | 80 |
|
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 { |
82 | 82 | padding: $padding-huge; |
83 | 83 |
|
84 | 84 | &.has-background { |
|
92 | 92 | * Individual Column Options |
93 | 93 | */ |
94 | 94 |
|
| 95 | +.wp-block-jetpack-layout-grid-editor .wp-block-jetpack-layout-grid-column, |
95 | 96 | .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column { |
96 | 97 | // When a column has a background color, we add negative margins to enable |
97 | 98 | // some of the gutter to work as default padding. |
|
0 commit comments