github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-05-21 18:12:32 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

DEV: Use CSS custom properties for colors in core plugins

Browse Source
This commit is contained in:
Penar Musaraj
2020-08-04 11:14:33 -04:00
parent b76731d722
commit 14eec43889
5 changed files with 40 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
plugins/discourse-local-dates/assets/stylesheets/common/discourse-local-dates.scss
View File

@ -1,20 +1,20 @@
.discourse-local-date {
&.cooked-date {
color: $primary;
color: var(--primary);
cursor: pointer;
border-bottom: 1px dashed $primary-medium;
border-bottom: 1px dashed var(--primary-medium);
white-space: nowrap;
.d-icon {
color: $primary;
color: var(--primary);
}
&.past {
border-bottom-color: $primary-low-mid;
border-bottom-color: var(--primary-low-mid);
}
&.past[data-countdown] {
color: $primary-medium;
color: var(--primary-medium);
}
}
}
@ -32,7 +32,7 @@
}
&.current {
background: $tertiary-low;
background: var(--tertiary-low);
}
}
}
@ -70,7 +70,7 @@
.picker-panel {
padding: 5px;
border: 1px solid $primary-low;
border: 1px solid var(--primary-low);
}
.date-picker {
@ -106,13 +106,13 @@
&.is-expanded {
.select-kit-header {
border: 1px solid $primary-medium;
border: 1px solid var(--primary-medium);
}
}
.select-kit-header {
padding: 0.5em 0.5em;
border: 1px solid $primary-low;
border: 1px solid var(--primary-low);
.d-icon {
margin-right: 1em;
@ -127,17 +127,17 @@
.date-time-control {
position: relative;
display: flex;
border: 1px solid $primary-low;
border: 1px solid var(--primary-low);
&.is-filled,
&.is-selected {
.date-time {
color: $primary;
background: $secondary;
color: var(--primary);
background: var(--secondary);
}
.d-icon {
color: $primary-high;
color: var(--primary-high);
}
}
@ -149,7 +149,7 @@
}
&.is-selected {
border-color: $tertiary;
border-color: var(--tertiary);
}
}
@ -163,13 +163,13 @@
}
&.is-selected {
border-color: $tertiary;
border-color: var(--tertiary);
}
}
.date-time {
color: $primary-medium;
background: $primary-very-low;
color: var(--primary-medium);
background: var(--primary-very-low);
}
.d-icon {
@ -179,7 +179,7 @@
left: 0.5em;
top: 0;
bottom: 0;
color: $primary-medium;
color: var(--primary-medium);
}
.delete-to-date {
@ -190,7 +190,7 @@
width: 30px;
top: 0;
bottom: 0;
color: $primary-high;
color: var(--primary-high);
border-radius: 0 0 5px 0;
}
@ -211,7 +211,7 @@
.picker-panel {
z-index: 1;
background: $secondary;
background: var(--secondary);
width: 200px;
box-sizing: border-box;
margin-left: 1em;
@ -224,11 +224,11 @@
margin-top: 1em;
align-items: center;
padding: 0.25em;
border-top: 1px solid $primary-low-mid;
border-top: 1px solid var(--primary-low-mid);
box-sizing: border-box;
.d-icon {
color: $primary-medium;
color: var(--primary-medium);
}
.time-picker {
@ -284,7 +284,7 @@
margin: 0;
.format {
.previewed-format {
color: $primary-medium;
color: var(--primary-medium);
}
}
}