Updates variable to BEM specification

WordPress · Apr 10, 2019 · 41286af · 41286af
1 parent c6898c3
commit 41286af
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/assets/stylesheets/_variables.scss b/assets/stylesheets/_variables.scss
@@ -58,8 +58,8 @@ $block-spacing: 4px; // Vertical space between blocks.
 $block-side-ui-width: 28px; // Width of the movers/drag handle UI.
 $block-side-ui-clearance: 2px; // Space between movers/drag handle UI, and block.
 $block-container-side-padding: $block-side-ui-width + $block-padding + 2 * $block-side-ui-clearance; // Total space left and right of the block footprint.
-$block-with-background-v-padding: $block-padding + $block-spacing + $block-side-ui-clearance;
-$block-with-background-h-padding: $block-side-ui-width + $block-side-ui-clearance;
+$block-bg-padding--v: $block-padding + $block-spacing + $block-side-ui-clearance; // padding for Blocks with a background color (eg: paragraph or section)
+$block-bg-padding--h: $block-side-ui-width + $block-side-ui-clearance; // padding for Blocks with a background color (eg: paragraph or section)
 
 // Buttons & UI Widgets
 $radius-round-rectangle: 4px;

diff --git a/packages/block-library/src/paragraph/style.scss b/packages/block-library/src/paragraph/style.scss
@@ -36,7 +36,7 @@
 }
 
 p.has-background {
-	padding: $block-with-background-v-padding $block-with-background-h-padding;
+	padding: $block-bg-padding--v $block-bg-padding--h;
 }
 
 p.has-text-color a {