Use css variables for colours. Move color, font and variable files to sass root folder.

This commit is contained in:
Fredrik Jonsson 2021-12-21 18:50:10 +01:00
commit a3a1294c4e

View file

@ -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);
}
}