From b0f857f0d1a1bec3d9c56a6e76d54932bfc6bf01 Mon Sep 17 00:00:00 2001
From: 2 * r + 2 * t <61896496+soramanew@users.noreply.github.com>
Date: Tue, 8 Apr 2025 16:01:36 +1000
Subject: feat: add navbar

For controlling sidebar panes + other stuff later
---
 scss/navbar.scss | 64 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 64 insertions(+)
 create mode 100644 scss/navbar.scss

(limited to 'scss')

diff --git a/scss/navbar.scss b/scss/navbar.scss
new file mode 100644
index 0000000..213fc48
--- /dev/null
+++ b/scss/navbar.scss
@@ -0,0 +1,64 @@
+@use "sass:color";
+@use "scheme";
+@use "lib";
+@use "font";
+
+.navbar {
+    @include font.mono;
+
+    background-color: scheme.$mantle;
+
+    button {
+        color: scheme.$subtext1;
+
+        &:hover,
+        &:focus {
+            color: scheme.$subtext0;
+        }
+
+        &:active {
+            color: color.change(scheme.$overlay2, $alpha: 1);
+        }
+
+        &.current {
+            .pane-button {
+                background-color: scheme.$primary;
+                color: color.change(scheme.$base, $alpha: 1);
+            }
+
+            &:hover .pane-button,
+            &:focus .pane-button {
+                background-color: color.mix(scheme.$primary, scheme.$base, 80%);
+            }
+
+            &:active .pane-button {
+                background-color: color.mix(scheme.$primary, scheme.$base, 70%);
+            }
+        }
+
+        &:first-child .pane-button {
+            margin-top: lib.s(10);
+        }
+
+        &:last-child .pane-button {
+            margin-bottom: lib.s(10);
+        }
+    }
+
+    .pane-button {
+        @include lib.rounded(20);
+        @include lib.element-decel;
+
+        padding: lib.s(10) lib.s(8);
+        margin: lib.s(5) lib.s(8);
+
+        .icon {
+            font-size: lib.s(28);
+        }
+
+        .label {
+            font-size: lib.s(12);
+            margin-bottom: lib.s(5);
+        }
+    }
+}
-- 
cgit v1.2.3-freya