Remove responsive grid CSS.

WordPress · Dec 31, 2017 · b65c74d · b65c74d
1 parent 49592a3
commit b65c74d
Showing 1 changed file with 21 additions and 13 deletions.
diff --git a/blocks/library/text-columns/style.scss b/blocks/library/text-columns/style.scss
@@ -1,23 +1,31 @@
 .wp-block-text-columns {
 	display: flex;
-	flex-wrap: wrap;
-	margin-left: -1.5em;
 
-	.wp-block-column {
-		flex: 1 0 8em;
-		margin-left: 1.5em;
+	&.aligncenter {
+		display: flex;
 	}
-}
 
-@supports (grid-area: auto) {
-	.wp-block-text-columns {
-		display: grid;
-		grid-gap: 1.5em;
-		grid-template-columns: repeat( auto-fit,minmax( 8em, 1fr ) );
-		margin-left: 0;
+	.wp-block-column {
+		box-sizing: border-box;
+		margin: 0 16px;
+		padding: 0;
 
-		.wp-block-column {
+		&:first-child {
 			margin-left: 0;
 		}
+
+		&:last-child {
+			margin-right: 0;
+		}
+	}
+
+	&.columns-2 .wp-block-column {
+		width: calc( 100% / 2 );
+	}
+	&.columns-3 .wp-block-column {
+		width: calc( 100% / 3 );
+	}
+	&.columns-4 .wp-block-column {
+		width: calc( 100% / 4 );
 	}
 }