From 602145c956bb594ca0d0e10601cc4ad1a71cf70d Mon Sep 17 00:00:00 2001
From: Josh Kingsley <josh@joshkingsley.me>
Date: Sun, 23 Nov 2025 19:27:57 +0200
Subject: feat: integrate web and doc packages

---
 packages/web/src/components/toolbar/index.css | 48 +++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 packages/web/src/components/toolbar/index.css

(limited to 'packages/web/src/components/toolbar/index.css')

diff --git a/packages/web/src/components/toolbar/index.css b/packages/web/src/components/toolbar/index.css
new file mode 100644
index 0000000..653c326
--- /dev/null
+++ b/packages/web/src/components/toolbar/index.css
@@ -0,0 +1,48 @@
+@layer components {
+  ntv-toolbar {
+    display: flex;
+    border-radius: 99999px;
+    background: var(--color-neutral-900);
+    width: min-content;
+  }
+
+  ntv-toolbar > section {
+    display: flex;
+    gap: 0.25rem;
+    padding: 0.325rem;
+  }
+
+  ntv-toolbar button {
+    border-radius: 99999px;
+    background: var(--color-neutral-800);
+    padding: 0 0.5rem;
+    height: 1.25rem;
+    color: white;
+    font-weight: 600;
+    font-size: 0.75rem;
+  }
+
+  ntv-toolbar button:hover {
+    background: var(--color-green-400);
+    color: var(--color-neutral-900);
+  }
+
+  ntv-toolbar button[data-icon] {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    aspect-ratio: 1;
+    height: 1.25rem;
+  }
+
+  ntv-toolbar input {
+    border: 1px solid var(--color-neutral-700);
+    border-radius: 4px;
+    background: var(--color-neutral-900);
+    width: 2.5rem;
+    height: 1.25rem;
+    color: white;
+    font-size: 0.75rem;
+    text-align: center;
+  }
+}
-- 
cgit v1.2.3