Use css variables for colours. Move color, font and variable files to sass root folder.
This commit is contained in:
parent
b83756a1c4
commit
a3a1294c4e
1 changed files with 167 additions and 152 deletions
|
|
@ -20,7 +20,7 @@
|
|||
.box,
|
||||
%box {
|
||||
@include margin-bottom(1);
|
||||
border: 5px solid $border;
|
||||
border: 5px solid var(--color-border);
|
||||
padding: 1em;
|
||||
|
||||
// Sass compiles this to the selector: .box__title, %box__title {}
|
||||
|
|
@ -44,7 +44,7 @@
|
|||
&:hover,
|
||||
&.is-focus,
|
||||
&--is-focus {
|
||||
border-color: $text;
|
||||
border-color: var(--color-text);
|
||||
}
|
||||
|
||||
// Sass compiles this to the selector: .box--highlight, %box--highlight {}
|
||||
|
|
@ -52,6 +52,6 @@
|
|||
// the "highlight" is a _modifier_, creating a new variation of the standard
|
||||
// "box" component.
|
||||
&--highlight {
|
||||
border-color: $link;
|
||||
border-color: var(--color-link);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue