Discource-C
/
discourse-placeholder-theme-component
mirror of https://github.com/discourse/discourse-placeholder-theme-component.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

FIX: uses var for colors

This commit is contained in:
jjaffeux 2021-06-01 11:31:53 +02:00
parent 8ef85fc7d1
commit 248121c094
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
common/common.scss
View File

@ -7,7 +7,7 @@ div.d-wrap[data-wrap="placeholder"] {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
border-left: 5px solid $primary-low; border-left: 5px solid var(--primary-low);
background-color: blend-primary-secondary(5%); background-color: blend-primary-secondary(5%);
.discourse-placeholder-name { .discourse-placeholder-name {
@ -42,18 +42,18 @@ div.d-wrap[data-wrap="placeholder"] {
width: 350px; width: 350px;
padding: 0.5em; padding: 0.5em;
line-height: $line-height-small; line-height: $line-height-small;
color: $primary; color: var(--primary);
background-color: $secondary; background-color: var(--secondary);
border: 1px solid $primary-medium; border: 1px solid var(--primary-medium);
} }
.discourse-placeholder-select { .discourse-placeholder-select {
width: 350px; width: 350px;
margin: 0.5em 0; margin: 0.5em 0;
line-height: $line-height-small; line-height: $line-height-small;
color: $primary; color: var(--primary);
background-color: $secondary; background-color: var(--secondary);
border: 1px solid $primary-medium; border: 1px solid var(--primary-medium);
} }
} }
@ -71,7 +71,7 @@ div.d-wrap[data-wrap="placeholder"] {
.description { .description {
font-size: $font-down-1; font-size: $font-down-1;
color: $primary-medium; color: var(--primary-medium);
margin: 0.25em 0 1em 0; margin: 0.25em 0 1em 0;
} }
} }