.dev/assets/shared/css/utilities/colors.scss
/*! Color Utility Classes */
:root {
:not(.has-text-color) {
> .has-primary-background-color:not(.has-text-color) {
color: var(--go--color--white);
label,
h1:not([class*="color"]),
h2:not([class*="color"]),
h3:not([class*="color"]),
h4:not([class*="color"]),
h5:not([class*="color"]),
h6:not([class*="color"]),
p:not([class*="color"]),
a:not(.wp-block-button__link) {
color: var(--go--color--white);
}
}
}
.has-primary-background-color {
background-color: var(--go--color--primary);
}
.has-primary-color {
color: var(--go--color--primary);
}
.has-secondary-background-color {
background-color: var(--go--color--secondary);
}
.has-secondary-color {
color: var(--go--color--secondary);
}
.has-tertiary-background-color {
background-color: var(--go--color--tertiary);
&,
a:not(.wp-block-button__link) {
color: var(--go-heading--color--text);
}
}
.has-tertiary-color {
color: var(--go--color--tertiary);
}
.has-quaternary-background-color {
background-color: var(--go--color--white);
}
.has-quaternary-color {
color: var(--go--color--white);
&.wp-block-button__link {
color: var(--go--color--white) !important;
}
}
}