Add nowrap to is-not-stacked-on-mobile

WordPress · Jul 2, 2021 · 2076c72 · 2076c72
1 parent b226d91
commit 2076c72
Showing 1 changed file with 17 additions and 13 deletions.
diff --git a/packages/block-library/src/columns/style.scss b/packages/block-library/src/columns/style.scss
@@ -79,20 +79,24 @@
 		}
 	}
 
-	&.is-not-stacked-on-mobile > .wp-block-column {
-		// Available space should be divided equally amongst columns.
-		flex-basis: 0;
-		flex-grow: 1;
-
-		// Columns with an explicitly-assigned width should maintain their
-		// `flex-basis` width and not grow.
-		&[style*="flex-basis"] {
-			flex-grow: 0;
-		}
+	&.is-not-stacked-on-mobile {
+		flex-wrap: nowrap;
+
+		> .wp-block-column {
+			// Available space should be divided equally amongst columns.
+			flex-basis: 0;
+			flex-grow: 1;
 
-		// When columns are in a single row, add space before all except the first.
-		&:not(:first-child) {
-			margin-left: 2em;
+			// Columns with an explicitly-assigned width should maintain their
+			// `flex-basis` width and not grow.
+			&[style*="flex-basis"] {
+				flex-grow: 0;
+			}
+
+			// When columns are in a single row, add space before all except the first.
+			&:not(:first-child) {
+				margin-left: 2em;
+			}
 		}
 	}
 }