From 2225a56bf1d0332aca4e9e0314251766b54674fa Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Tue, 27 Jan 2026 08:56:53 -0500
Subject: [PATCH] Add docs layout and TOC styling
---
css/docs.css | 76 ++++++++++++++++++++++++++++++++++++++++++++++++++++
index.html | 3 ++-
2 files changed, 78 insertions(+), 1 deletion(-)
create mode 100644 css/docs.css
diff --git a/css/docs.css b/css/docs.css
new file mode 100644
index 00000000..95c7f003
--- /dev/null
+++ b/css/docs.css
@@ -0,0 +1,76 @@
+/* Docs layout + table of contents styling */
+#docsToc {
+ position: sticky;
+ top: var(--space-xl);
+ align-self: flex-start;
+ max-height: calc(100vh - var(--space-2xl));
+ overflow-y: auto;
+ padding: var(--space-md);
+ border: var(--border-width-hairline) solid var(--border-subtle);
+ border-radius: var(--radius-lg);
+ background-color: var(--surface-sunken);
+ box-shadow: inset 0 0 0 var(--border-width-hairline)
+ var(--surface-overlay-darker);
+}
+
+#docsContent {
+ min-width: 0;
+}
+
+#docsContent .markdown-prose {
+ max-width: 72ch;
+}
+
+#docsTocList,
+#docsTocDrawerNav {
+ gap: var(--space-xs);
+}
+
+#docsTocList ul,
+#docsTocDrawerNav ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+#docsTocList li,
+#docsTocDrawerNav li {
+ margin: 0;
+}
+
+#docsTocList [data-docs-toc-item],
+#docsTocDrawerNav [data-docs-toc-item] {
+ display: block;
+ padding: var(--space-2xs) var(--space-xs);
+ border-radius: var(--radius-md);
+ color: var(--text-muted);
+ text-decoration: none;
+ transition: background-color var(--motion-duration-fast) ease,
+ color var(--motion-duration-fast) ease;
+}
+
+#docsTocList [data-docs-toc-item]:hover,
+#docsTocDrawerNav [data-docs-toc-item]:hover,
+#docsTocList [data-docs-toc-item]:focus-visible,
+#docsTocDrawerNav [data-docs-toc-item]:focus-visible {
+ background-color: var(--surface-muted);
+ color: var(--text-primary);
+}
+
+#docsTocList [data-docs-toc-item][aria-current="page"],
+#docsTocDrawerNav [data-docs-toc-item][aria-current="page"] {
+ background-color: var(--surface-overlay-panel-soft);
+ color: var(--text-primary);
+}
+
+#docsTocList [data-docs-toc-item]:focus-visible,
+#docsTocDrawerNav [data-docs-toc-item]:focus-visible {
+ outline: var(--space-3xs) solid var(--color-accent);
+ outline-offset: var(--space-3xs);
+}
+
+#docsTocDrawerNav {
+ max-height: calc(100vh - var(--space-2xl));
+ overflow-y: auto;
+ padding-right: var(--space-2xs);
+}
diff --git a/index.html b/index.html
index 2d6d1785..791e024f 100644
--- a/index.html
+++ b/index.html
@@ -111,7 +111,8 @@
so browsers pick up the latest sidebar markup and styling without
hard-refreshing around CDN caches.
-->
-
+
+