summaryrefslogtreecommitdiffstats
path: root/assets/css/components
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2020-12-26 09:52:34 +0100
committerVolpeon <git@volpeon.ink>2020-12-26 09:52:34 +0100
commit15147ca676f7f77697889b65721540f8b8a813ab (patch)
tree563902c127d644f0f58fd26a901794c585d9c993 /assets/css/components
parentImproved CSS definitions, more fine-grained content build script (diff)
downloadvolpeon.ink-15147ca676f7f77697889b65721540f8b8a813ab.tar.gz
volpeon.ink-15147ca676f7f77697889b65721540f8b8a813ab.tar.bz2
volpeon.ink-15147ca676f7f77697889b65721540f8b8a813ab.zip
Generate precompressed files, use variables for some nav-related values
Diffstat (limited to 'assets/css/components')
-rw-r--r--assets/css/components/_nav.scss8
1 files changed, 5 insertions, 3 deletions
diff --git a/assets/css/components/_nav.scss b/assets/css/components/_nav.scss
index 834b6a0..a85c7d8 100644
--- a/assets/css/components/_nav.scss
+++ b/assets/css/components/_nav.scss
@@ -8,6 +8,8 @@
8 8
9 &__logo { 9 &__logo {
10 display: inline-block; 10 display: inline-block;
11 margin: 0;
12 padding: $nav-item-pad-v 0;
11 color: var(--nav-logo-fg); 13 color: var(--nav-logo-fg);
12 text-decoration: none; 14 text-decoration: none;
13 15
@@ -23,8 +25,8 @@
23 25
24 &__item { 26 &__item {
25 display: inline-block; 27 display: inline-block;
26 padding: 1rem 1ch calc(1rem - 2px); 28 padding: $nav-item-pad-v $nav-item-pad-h calc(#{$nav-item-pad-v} - 2px);
27 margin: 0 -1ch 0 3ch; 29 margin: 0 (-1 * $nav-item-pad-h) 0 ($nav-item-spacing - $nav-item-pad-h);
28 color: var(--nav-item-idle-fg); 30 color: var(--nav-item-idle-fg);
29 text-decoration: none; 31 text-decoration: none;
30 border-bottom: 2px solid transparent; 32 border-bottom: 2px solid transparent;
@@ -38,7 +40,7 @@
38 40
39 @media (max-width: map-get($breakpoints, "sm")) { 41 @media (max-width: map-get($breakpoints, "sm")) {
40 &__item { 42 &__item {
41 margin-left: 2ch; 43 margin-left: $nav-item-spacing-sm - $nav-item-pad-h;
42 } 44 }
43 } 45 }
44 46