From 94e30b971e93669810d8a4889d60340900ad60f3 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Thu, 24 Dec 2020 22:07:49 +0100
Subject: Various improvements: CSS classes, favicon, design

---
 assets/css/components/_nav.scss | 34 ++++++++++++++++++++++++++++------
 1 file changed, 28 insertions(+), 6 deletions(-)

(limited to 'assets/css/components')

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 @@
 .c-nav {
-    margin-bottom: $line-height * 2rem;
+    background-color: var(--nav-bg);
+    //border-bottom: 1px solid var(--bg-plus);
 
-    &::before {
-        content: "//\\";
-        color: var(--page-item-prefix-fg);
+    &__items {
+        display: flex;
+        align-items: baseline;
+    }
+
+    &__logo {
+        display: inline-block;
+        color: var(--nav-logo-fg);
+        text-decoration: none;
+
+        &:link:hover {
+            background-color: transparent;
+            color: var(--nav-item-hover-fg);
+            font-weight: bold;
+        }
     }
 
     &__item {
-        margin-left: 2ch;
-        color: var(--fg);
+        display: inline-block;
+        padding: 1rem 1ch calc(1rem - 2px);
+        margin: 0 -1ch 0 3ch;
+        color: var(--nav-item-idle-fg);
         text-decoration: none;
+        border-bottom: 2px solid transparent;
+
+        &:hover {
+            background-color: transparent;
+            color: var(--nav-item-hover-fg);
+            font-weight: bold;
+        }
     }
 }
-- 
cgit v1.2.3-70-g09d2