Alves: Improve frontend color styles.

- Remove text-color initial rules from background-color utility classes to allow color options to work more explicitly
- Strengthen background-color and text-color selectors to better deal with nesting
- Fix background-dim Gutenberg default bg-color issue
This commit is contained in:
Allan Cole 2020-06-02 17:26:56 -04:00 committed by GitHub
parent 81bdc8c8e7
commit 646f0bee0d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -1514,7 +1514,6 @@ button[data-load-more-btn], .button {
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text {
color: currentColor;
margin-top: 32px;
margin-bottom: 32px;
}
@ -2444,49 +2443,50 @@ table th,
color: #ffffff;
}
.has-background:not(.has-background-background-color) a,
.has-background:not(.has-background-background-color) a:not(.wp-block-button__link),
.has-background a:not(.wp-block-button__link),
.has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6 {
color: currentColor;
}
.has-primary-background-color {
.has-primary-background-color,
.has-primary-background-color.has-background-dim {
background-color: #3E7D98;
color: #ffffff;
}
.has-secondary-background-color {
.has-secondary-background-color,
.has-secondary-background-color.has-background-dim {
background-color: #9B6A36;
color: #ffffff;
}
.has-foreground-background-color {
.has-foreground-background-color,
.has-foreground-background-color.has-background-dim {
background-color: #394d55;
color: #ffffff;
}
.has-foreground-light-background-color {
.has-foreground-light-background-color,
.has-foreground-light-background-color.has-background-dim {
background-color: #4d6974;
color: #ffffff;
}
.has-foreground-dark-background-color {
.has-foreground-dark-background-color,
.has-foreground-dark-background-color.has-background-dim {
background-color: #253136;
color: #ffffff;
}
.has-background-light-background-color {
.has-background-light-background-color,
.has-background-light-background-color.has-background-dim {
background-color: #fafafa;
color: #394d55;
}
.has-background-dark-background-color {
.has-background-dark-background-color,
.has-background-dark-background-color.has-background-dim {
background-color: #d9d9d9;
color: #394d55;
}
.has-background-background-color {
.has-background-background-color,
.has-background-background-color.has-background-dim {
background-color: #ffffff;
color: #394d55;
}
.is-small-text,