extract opacity for dimmed block to _.variables.scss and change its v…

…alue from 0.2 to 1 (#21042)
WordPress · Mar 23, 2020 · 9f0471e · 9f0471e
1 parent 5f3d16f
commit 9f0471e
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/packages/base-styles/_variables.scss b/packages/base-styles/_variables.scss
@@ -80,6 +80,7 @@ $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-bg-padding--v: $block-padding + $block-spacing + $block-side-ui-clearance; // padding for Blocks with a background color (eg: paragraph or group)
 $block-bg-padding--h: $block-side-ui-width + $block-side-ui-clearance; // padding for Blocks with a background color (eg: paragraph or group)
+$dimmed-opacity: 1;
 
 $block-edge-to-content: 16px;
 $block-selected-margin: 3px;

diff --git a/packages/block-editor/src/components/block-list/block.native.scss b/packages/block-editor/src/components/block-list/block.native.scss
@@ -31,7 +31,7 @@
 }
 
 .dimmed {
-	opacity: 0.2;
+	opacity: $dimmed-opacity;
 }
 
 .horizontalSpaceNone {

diff --git a/packages/editor/src/components/post-title/style.native.scss b/packages/editor/src/components/post-title/style.native.scss
@@ -8,6 +8,6 @@
 }
 
 .dimmed {
-	opacity: 0.2;
+	opacity: $dimmed-opacity;
 }