Changeset 50466 for trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/cover/_style.scss

Timestamp:

03/01/2021 11:24:13 PM (4 years ago)

Author:

ryelle

Message:

Twenty Twenty-One: Correct inner container background color for Cover Blocks.

Adjust the background color palette rules so they don't show up on inner containers when they're not supposed to:

• When an inner container block is present, it only applies them to direct children of the block with the background color assigned.
• Since the background color should only be applied to the Cover block's overlay, not to the inner container, it opts that specific block out of this rule.

Props dianeco, kjellr, paaljoachim.
Fixes #52676.

File:

• trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/cover/_style.scss (modified) (1 diff)

trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/cover/_style.scss

@@ -109 +109 @@
         border: calc(3 * var(--separator--height)) solid var(--global--color-border);
     }
+
+    /* The background color class is used just for the overlay, and does not need to be applied to the inner container. */
+    &[class*="-background-color"][class] .wp-block-cover__inner-container {
+        background-color: unset;
+    }
 }