Try: Padding fix.

Automattic · Apr 12, 2021 · a05db3e · a05db3e
1 parent 67fd0f8
commit a05db3e
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/blocks/layout-grid/style.scss b/blocks/layout-grid/style.scss
@@ -10,7 +10,7 @@
  */
 
 /* autoprefixer grid: no-autoplace */
-
+.wp-block-jetpack-layout-grid-editor,
 .wp-block-jetpack-layout-grid {
 	// This padding adds end gutters.
 	padding-left: 24px;
@@ -46,39 +46,39 @@
 
 	// Additional, user-set paddings.
 	// Apply both gutter padding and user-set padding, when a background is also set.
-	&.wp-block-jetpack-layout-grid__padding-none {
+	.wp-block-jetpack-layout-grid__padding-none {
 		padding: $padding-none;
 
 		&.has-background {
 			padding: $padding-none ($padding-none + $grid-gutter__background-offset);
 		}
 	}
 
-	&.wp-block-jetpack-layout-grid__padding-small .wp-block-jetpack-layout-grid-column {
+	.wp-block-jetpack-layout-grid__padding-small .wp-block-jetpack-layout-grid-column {
 		padding: $padding-small;
 
 		&.has-background {
 			padding: $padding-small ($padding-small + $grid-gutter__background-offset);
 		}
 	}
 
-	&.wp-block-jetpack-layout-grid__padding-medium .wp-block-jetpack-layout-grid-column {
+	.wp-block-jetpack-layout-grid__padding-medium .wp-block-jetpack-layout-grid-column {
 		padding: $padding-medium;
 
 		&.has-background {
 			padding: $padding-medium ($padding-medium + $grid-gutter__background-offset);
 		}
 	}
 
-	&.wp-block-jetpack-layout-grid__padding-large .wp-block-jetpack-layout-grid-column {
+	.wp-block-jetpack-layout-grid__padding-large .wp-block-jetpack-layout-grid-column {
 		padding: $padding-large;
 
 		&.has-background {
 			padding: $padding-large ($padding-large + $grid-gutter__background-offset);
 		}
 	}
 
-	&.wp-block-jetpack-layout-grid__padding-huge .wp-block-jetpack-layout-grid-column {
+	.wp-block-jetpack-layout-grid__padding-huge .wp-block-jetpack-layout-grid-column {
 		padding: $padding-huge;
 
 		&.has-background {
@@ -92,6 +92,7 @@
  * Individual Column Options
  */
 
+.wp-block-jetpack-layout-grid-editor .wp-block-jetpack-layout-grid-column,
 .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column {
 	// When a column has a background color, we add negative margins to enable
 	// some of the gutter to work as default padding.