diff options
Diffstat (limited to 'assets/scss/_header.scss')
| -rw-r--r-- | assets/scss/_header.scss | 16 |
1 files changed, 9 insertions, 7 deletions
diff --git a/assets/scss/_header.scss b/assets/scss/_header.scss index bee374f..6f9fafb 100644 --- a/assets/scss/_header.scss +++ b/assets/scss/_header.scss @@ -1,5 +1,7 @@ +@use "variables"; + h1,h2,h3,h4,h5,h6 { - font-family: $serif; + font-family: variables.$serif; font-weight: 600; a, a:hover, a:focus, a:link, a:visited { @@ -8,7 +10,7 @@ h1,h2,h3,h4,h5,h6 { } a:active { text-decoration: underline; - color: $bg-main; + color: variables.$bg-main; } } @@ -20,9 +22,9 @@ body.ps { top: 0; left: 0; right: 0; - background: $bg-header; + background: variables.$bg-header; padding: 0 2rem; - color: $fg-header; + color: variables.$fg-header; h1 { margin: 0 auto; @@ -43,7 +45,7 @@ body.ps { } p { - font-family: $serif; + font-family: variables.$serif; font-size: 2rem; font-style: italic; margin: -3.8rem 0 0 0; @@ -56,14 +58,14 @@ body.ps { } &.home > header { - background-color: $bg-dark; + background-color: variables.$bg-dark; top: unset; right: 5vw; bottom: -2vh; left: 5vw; padding: 1rem; font-size: 1.2rem; - color: $fg-white-85; + color: variables.$fg-white-85; overflow: auto; transform: rotate(-2.7deg) translateY(4.5vh) skewX(-5deg); |