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;