Fix columns block style on the frontend

WordPress · Jun 4, 2018 · 17421db · 17421db
1 parent 94889af
commit 17421db
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 6 deletions.
diff --git a/core-blocks/columns/editor.scss b/core-blocks/columns/editor.scss
@@ -37,3 +37,18 @@
 		margin-right: $block-side-ui-padding;
 	}
 }
+
+.wp-block-columns {
+	display: block;
+
+	.editor-inner-blocks {
+		display: grid;
+		grid-auto-flow: dense;
+	}
+
+	@for $i from 2 through 6 {
+		&.has-#{ $i }-columns .editor-inner-blocks {
+			grid-auto-columns: #{ 100% / $i };
+		}
+	}
+}
diff --git a/core-blocks/columns/style.scss b/core-blocks/columns/style.scss
@@ -1,12 +1,9 @@
 .wp-block-columns {
-
-	.editor-inner-blocks {
-		display: grid;
-		grid-auto-flow: dense;
-	}
+	display: grid;
+	grid-auto-flow: dense;
 
 	@for $i from 2 through 6 {
-		&.has-#{ $i }-columns .editor-inner-blocks {
+		&.has-#{ $i }-columns {
 			grid-auto-columns: #{ 100% / $i };
 		}
 	}