|
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