Add more specificity to wp-block-cover (#1513)

* Add more specificity to wp-block-cover

Issue ⇢ https://github.com/woocommerce/storefront/issues/1487
Test site ⇢ https://woocommerce-shipping.mystagingwebsite.com/test/

The wp-block-cover for headings was superceeding the block editor CSS. Adding `:not(.has-text-color)` prevents this from applying to the heading blocks inside the cover.

* Update class-storefront-customizer.php
This commit is contained in:
Tony Arcangelini 2020-10-22 12:39:11 +02:00 committed by GitHub
parent 07edbe06f9
commit f33006acc7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -999,12 +999,12 @@ if ( ! class_exists( 'Storefront_Customizer' ) ) :
background-color: ' . storefront_adjust_color_brightness( $storefront_theme_mods['background_color'], -2 ) . ';
}
.wp-block-cover .wp-block-cover__inner-container h1,
.wp-block-cover .wp-block-cover__inner-container h2,
.wp-block-cover .wp-block-cover__inner-container h3,
.wp-block-cover .wp-block-cover__inner-container h4,
.wp-block-cover .wp-block-cover__inner-container h5,
.wp-block-cover .wp-block-cover__inner-container h6 {
.wp-block-cover .wp-block-cover__inner-container h1:not(.has-text-color),
.wp-block-cover .wp-block-cover__inner-container h2:not(.has-text-color),
.wp-block-cover .wp-block-cover__inner-container h3:not(.has-text-color),
.wp-block-cover .wp-block-cover__inner-container h4:not(.has-text-color),
.wp-block-cover .wp-block-cover__inner-container h5:not(.has-text-color),
.wp-block-cover .wp-block-cover__inner-container h6:not(.has-text-color) {
color: ' . $storefront_theme_mods['hero_heading_color'] . ';
}
';