DEV: Use CSS custom properties for colors in SCSS

Prepares the plugin for an upcoming change in core while maintaining
backwards compatiblity.
This commit is contained in:
Penar Musaraj 2020-08-03 13:11:20 -04:00
parent 0a23be6008
commit 1d073e2a96
No known key found for this signature in database
GPG Key ID: E390435D881FF0F7

View File

@ -165,7 +165,10 @@
float: left; float: left;
max-width: calc(100% - 130px - 1em); max-width: calc(100% - 130px - 1em);
text-align: left; text-align: left;
color: dark-light-choose($primary-medium, $secondary-medium); color: var(
--primary-med-or-secondary-med,
dark-light-choose($primary-medium, $secondary-medium)
);
} }
.carbon-poweredby { .carbon-poweredby {
@ -177,7 +180,7 @@
text-transform: uppercase; text-transform: uppercase;
line-height: 1; line-height: 1;
letter-spacing: 1px; letter-spacing: 1px;
color: $quaternary !important; color: var(--quaternary, $quaternary) !important;
} }
.adbutler-ad { .adbutler-ad {
@ -226,7 +229,7 @@
p.help { p.help {
margin: 0; margin: 0;
margin-top: 5px; margin-top: 5px;
color: $primary-medium; color: var(--primary-medium, $primary-medium);
font-size: $font-down-1; font-size: $font-down-1;
clear: both; clear: both;
} }