1 files changed, 39 insertions, 0 deletions
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);
+          }
+        }
+      }
+    }
+  }
+}