Changeset 50469 for branches/5.7/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/cover/_style.scss

Timestamp:

03/02/2021 12:50:05 PM (5 years ago)

Author:

SergeyBiryukov

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.
Reviewed by ryelle, SergeyBiryukov.
Merges [50466] to the 5.7 branch.
Fixes #52676.

Location:

branches/5.7

Files:

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

branches/5.7/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;
+    }
 }