feat: add sidebar and breadcrumb CSS exports

Closes #3
2026-05-15 03:41:15 -07:00
parent 68e6cc3b80
commit cb2df3ced1
5 changed files with 179 additions and 2 deletions
--- a/dist/breadcrumb.css
+++ b/dist/breadcrumb.css
@@ -0,0 +1,45 @@
+/* @bchen/ui — breadcrumb navigation
+ * Uses only tokens defined in dist/tokens.css.
+ * Companion to dist/tokens.css and dist/base.css. */
+
+.breadcrumb {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 0.25rem;
+  padding: 0.75rem 2rem 0;
+  font-size: 13px;
+  color: var(--fg-muted);
+}
+
+.breadcrumb a {
+  color: var(--fg-muted);
+  text-decoration: none;
+}
+
+.breadcrumb a:hover {
+  color: var(--fg);
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+
+.breadcrumb a:focus-visible {
+  color: var(--fg);
+  outline: 2px solid var(--accent);
+  outline-offset: 2px;
+  border-radius: 2px;
+}
+
+.breadcrumb [aria-current="page"] {
+  color: var(--fg);
+  font-weight: 500;
+  text-decoration: none;
+  cursor: default;
+}
+
+.breadcrumb-sep {
+  color: var(--fg-muted);
+  user-select: none;
+  font-size: 11px;
+  opacity: 0.6;
+}