Revert "Try using the column-gap property to improve spacing between …

…custom-sized buttons (#29165)" (#30449) This reverts commit 069aa44.
WordPress · Apr 1, 2021 · a59d42d · a59d42d
1 parent 9db7e99
commit a59d42d
Show file tree

Hide file tree

Showing 2 changed files with 0 additions and 29 deletions.
diff --git a/packages/block-library/src/button/style.scss b/packages/block-library/src/button/style.scss
@@ -61,34 +61,6 @@ $blocks-block__margin: 0.5em;
 	}
 }
 
-// If the browser supports column-gap, use that instead of the margins above.
-@supports ( column-gap: #{ $blocks-block__margin } ) {
-	.wp-block-buttons > .wp-block-button {
-		// Added .wp-block specificity needed to override the default button margin.
-		&.wp-block,
-		&.has-custom-width {
-			margin-right: 0;
-		}
-
-		&.wp-block-button__width-25 {
-			width: calc(25% - #{ $blocks-block__margin * 0.75 });
-		}
-
-		&.wp-block-button__width-50 {
-			width: calc(50% - #{ $blocks-block__margin * 0.5 });
-		}
-
-		&.wp-block-button__width-75 {
-			width: calc(75% - #{ $blocks-block__margin * 0.25 });
-		}
-
-		&.wp-block-button__width-100 {
-			width: auto;
-			flex-basis: 100%;
-		}
-	}
-}
-
 // the first selector is required for old buttons markup
 .wp-block-button.is-style-squared,
 .wp-block-button__link.wp-block-button.is-style-squared {

diff --git a/packages/block-library/src/buttons/style.scss b/packages/block-library/src/buttons/style.scss
@@ -5,7 +5,6 @@ $blocks-block__margin: 0.5em;
 	display: flex;
 	flex-direction: row;
 	flex-wrap: wrap;
-	column-gap: $blocks-block__margin;
 
 	&.is-vertical {
 		flex-direction: column;