diff options
Diffstat (limited to 'assets/scss/screen.scss')
| -rw-r--r-- | assets/scss/screen.scss | 35 |
1 files changed, 18 insertions, 17 deletions
diff --git a/assets/scss/screen.scss b/assets/scss/screen.scss index 3e346a9..e947e98 100644 --- a/assets/scss/screen.scss +++ b/assets/scss/screen.scss @@ -1,18 +1,19 @@ /** * Variables **/ -@import 'variables'; +@use "sass:meta"; +@use 'variables'; /** * Fonts **/ -@import 'fonts'; +@use 'fonts'; /** * Reset **/ -@import 'normalize'; -@import 'skeleton'; +@use 'normalize'; +@use 'skeleton'; /** * Defaults @@ -22,17 +23,17 @@ a { text-decoration: none; &:link { - color: $a-link; + color: variables.$a-link; } &:hover { - color: $a-hover; + color: variables.$a-hover; text-decoration: underline; } &:active { - color: $a-active; + color: variables.$a-active; } &:visited { - color: $a-visited; + color: variables.$a-visited; } } @@ -58,19 +59,19 @@ img { /** * Layout **/ -@import 'header'; -@import 'main'; -@import 'aside'; -@import 'footer'; -@import 'branding'; +@include meta.load-css('header'); +@include meta.load-css('main'); +@include meta.load-css('aside'); +@include meta.load-css('footer'); +@include meta.load-css('branding'); /** * Page overrides **/ -@import 'gfx'; -@import 'txt'; -@import 'vda'; -@import 'vdo'; +@include meta.load-css('gfx'); +@include meta.load-css('txt'); +@include meta.load-css('vda'); +@include meta.load-css('vdo'); /* Move internal links past the header */ body.txt :target, |