From 7fee23a618340d4e57fb1003e0b6feb9565173eb Mon Sep 17 00:00:00 2001
From: Jeff Ong <jonger4@gmail.com>
Date: Tue, 27 Apr 2021 11:54:43 -0400
Subject: [PATCH] Scope CSS to cover block.

---
 quadrat/assets/theme.css        | 10 +++++-----
 quadrat/sass/blocks/_cover.scss |  4 ++--
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/quadrat/assets/theme.css b/quadrat/assets/theme.css
index f253fa175d..4fb0ab4b2d 100644
--- a/quadrat/assets/theme.css
+++ b/quadrat/assets/theme.css
@@ -29,7 +29,7 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.is-style-quadrat-cover-diamond::after {
+.wp-block-cover.is-style-quadrat-cover-diamond::after {
 	background-image: url(rotated.svg);
 	background-position: center;
 	background-repeat: no-repeat;
@@ -43,11 +43,11 @@
 	right: 0;
 }
 
-.is-style-quadrat-cover-diamond.has-white-background-color.wp-block-cover.has-background-dim:not(.has-background-gradient)::before, .is-style-quadrat-cover-diamond.has-black-background-color.wp-block-cover.has-background-dim:not(.has-background-gradient)::before {
+.wp-block-cover.is-style-quadrat-cover-diamond.has-white-background-color.wp-block-cover.has-background-dim:not(.has-background-gradient)::before, .wp-block-cover.is-style-quadrat-cover-diamond.has-black-background-color.wp-block-cover.has-background-dim:not(.has-background-gradient)::before {
 	opacity: 0;
 }
 
-.is-style-quadrat-cover-diamond.has-white-background-color::after, .is-style-quadrat-cover-diamond.has-black-background-color::after {
+.wp-block-cover.is-style-quadrat-cover-diamond.has-white-background-color:after, .wp-block-cover.is-style-quadrat-cover-diamond.has-black-background-color:after {
 	mix-blend-mode: normal;
 	-webkit-mask-image: url(rotated.svg);
 	        mask-image: url(rotated.svg);
@@ -60,11 +60,11 @@
 	opacity: 0.25;
 }
 
-.is-style-quadrat-cover-diamond.has-white-background-color::after {
+.wp-block-cover.is-style-quadrat-cover-diamond.has-white-background-color::after {
 	background: #000;
 }
 
-.is-style-quadrat-cover-diamond.has-black-background-color::after {
+.wp-block-cover.is-style-quadrat-cover-diamond.has-black-background-color::after {
 	background: #fff;
 }
 
diff --git a/quadrat/sass/blocks/_cover.scss b/quadrat/sass/blocks/_cover.scss
index 37895e6fe6..1f2679a5e4 100644
--- a/quadrat/sass/blocks/_cover.scss
+++ b/quadrat/sass/blocks/_cover.scss
@@ -1,4 +1,4 @@
-.is-style-quadrat-cover-diamond {
+.wp-block-cover.is-style-quadrat-cover-diamond {
 
 	&::after {
 		background-image: url(rotated.svg);
@@ -21,7 +21,7 @@
 			opacity: 0;
 		}
 
-		&::after {
+		&:after {
 			mix-blend-mode: normal;
 			mask-image: url(rotated.svg);
 			mask-repeat: no-repeat;