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:28:45 -04:00
parent fa5ef22262
commit f93b540f93
No known key found for this signature in database
GPG Key ID: E390435D881FF0F7

View File

@ -21,16 +21,16 @@
max-width: 100%; max-width: 100%;
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
background-color: $danger-low; background-color: var(--danger-low, $danger-low);
padding: 15px; padding: 15px;
} }
div.channel-details { div.channel-details {
margin: 20px 10px; margin: 20px 10px;
border: 1px solid $primary-low; border: 1px solid var(--primary-low, $primary-low);
div.channel-header { div.channel-header {
background: $primary-low; background: var(--primary-low, $primary-low);
padding: 10px; padding: 10px;
overflow: auto; overflow: auto;
@ -69,7 +69,7 @@
} }
tr.instructions label { tr.instructions label {
color: $primary-medium; color: var(--primary-medium, $primary-medium);
} }
} }
@ -99,6 +99,6 @@
max-width: 500px; max-width: 500px;
max-height: 800px; max-height: 800px;
overflow: scroll; overflow: scroll;
background: $primary-low; background: var(--primary-low, $primary-low);
} }
} }