summaryrefslogtreecommitdiffstats
path: root/assets/css
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css')
-rw-r--r--assets/css/_vars.scss5
-rw-r--r--assets/css/components/_nav.scss8
2 files changed, 10 insertions, 3 deletions
diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index 1ed64a5..f9c80da 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -7,6 +7,11 @@ $code-block-line-height: 1.4;
7 7
8$content-width: 75ch; 8$content-width: 75ch;
9 9
10$nav-item-spacing: 4ch;
11$nav-item-spacing-sm: 3ch;
12$nav-item-pad-h: 1ch;
13$nav-item-pad-v: 1rem;
14
10$page-item-prefix-max-chars: 3ch; 15$page-item-prefix-max-chars: 3ch;
11$page-item-prefix-pad: 2ch; 16$page-item-prefix-pad: 2ch;
12$page-item-prefix-width: $page-item-prefix-max-chars + $page-item-prefix-pad; 17$page-item-prefix-width: $page-item-prefix-max-chars + $page-item-prefix-pad;
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