summaryrefslogtreecommitdiffstats
path: root/assets/css/components
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/components')
-rw-r--r--assets/css/components/_nav.scss34
1 files changed, 28 insertions, 6 deletions
diff --git a/assets/css/components/_nav.scss b/assets/css/components/_nav.scss
index 1fc24f9..d86a484 100644
--- a/assets/css/components/_nav.scss
+++ b/assets/css/components/_nav.scss
@@ -1,14 +1,36 @@
1.c-nav { 1.c-nav {
2 margin-bottom: $line-height * 2rem; 2 background-color: var(--nav-bg);
3 //border-bottom: 1px solid var(--bg-plus);
3 4
4 &::before { 5 &__items {
5 content: "//\\"; 6 display: flex;
6 color: var(--page-item-prefix-fg); 7 align-items: baseline;
8 }
9
10 &__logo {
11 display: inline-block;
12 color: var(--nav-logo-fg);
13 text-decoration: none;
14
15 &:link:hover {
16 background-color: transparent;
17 color: var(--nav-item-hover-fg);
18 font-weight: bold;
19 }
7 } 20 }
8 21
9 &__item { 22 &__item {
10 margin-left: 2ch; 23 display: inline-block;
11 color: var(--fg); 24 padding: 1rem 1ch calc(1rem - 2px);
25 margin: 0 -1ch 0 3ch;
26 color: var(--nav-item-idle-fg);
12 text-decoration: none; 27 text-decoration: none;
28 border-bottom: 2px solid transparent;
29
30 &:hover {
31 background-color: transparent;
32 color: var(--nav-item-hover-fg);
33 font-weight: bold;
34 }
13 } 35 }
14} 36}