diff options
| author | hellekin <hellekin@cepheide.org> | 2025-08-06 18:20:04 +0200 |
|---|---|---|
| committer | hellekin <hellekin@cepheide.org> | 2025-08-06 18:20:04 +0200 |
| commit | c10958c37231899841c5c429c816628402d7a762 (patch) | |
| tree | 238ab318348119e18257b1ecf7378ecd7d770af3 /assets/scss/_header-nav.scss | |
| parent | c1d676f4a81d2bc5e29c2cb592862a36794ef711 (diff) | |
| download | lesoiseaux.io-c10958c37231899841c5c429c816628402d7a762.tar.gz | |
Upgrade SCSS to drop @import and prefer @use statements
Diffstat (limited to 'assets/scss/_header-nav.scss')
| -rw-r--r-- | assets/scss/_header-nav.scss | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/assets/scss/_header-nav.scss b/assets/scss/_header-nav.scss index 05e9749..9bdbbb1 100644 --- a/assets/scss/_header-nav.scss +++ b/assets/scss/_header-nav.scss @@ -1,3 +1,5 @@ +@use "variables"; + article > header > nav { margin: 0 auto; @@ -7,14 +9,14 @@ article > header > nav { padding: 1rem 0; display: flex; width: 100%; - background-color: $bg-header; + background-color: variables.$bg-header; li { margin: 0 auto; flex: 1; text-align: center; width: 12rem; - background-color: $bg-txt-on; + background-color: variables.$bg-txt-on; a { display: inline-block; @@ -24,7 +26,7 @@ article > header > nav { width: 100%; height: 100%; padding: 1rem 0 0; - background-color: $bg-txt-off; + background-color: variables.$bg-txt-off; color: black; &:last { @@ -32,7 +34,7 @@ article > header > nav { } &:hover, &:active { - background-color: $bg-txt-on; + background-color: variables.$bg-txt-on; color: black; } } |