From 6c54c9d57d5fa4c52aa454ed3ca09060b0674ad3 Mon Sep 17 00:00:00 2001
From: piotrruss <mail@pruss.it>
Date: Sat, 4 Sep 2021 11:20:34 +0200
Subject: split scss into partials

---
 styles/main/_header.scss | 39 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 styles/main/_header.scss

(limited to 'styles/main/_header.scss')

diff --git a/styles/main/_header.scss b/styles/main/_header.scss
new file mode 100644
index 0000000..9fab16b
--- /dev/null
+++ b/styles/main/_header.scss
@@ -0,0 +1,39 @@
+.header {
+  height: 2em;
+  background-color: var(--color-glass);
+  border-bottom: 1px solid  var(--color-window-border-bottom);
+
+  nav {
+    display: flex;
+
+    & > ul:first-of-type {
+      flex-grow: 1;
+      overflow: auto;
+    }
+
+    & > ul {
+      display: block;
+
+      & > li {
+        display: inline-block;
+
+        & > span,
+        & > a {
+          display: inline-block;
+          color: var(--color-text);
+          text-decoration: none;
+          align-items: center;
+          padding: .25em .5em;
+          margin: .25em;
+          border-radius: .5em;
+          transition: .3s background, .3s color;
+
+          &:hover {
+            background-color: var(--color-selected);
+            color: var(--color-text-alt);
+          }
+        }
+      }
+    }
+  }
+}
-- 
cgit v1.2.3