added generic types on props, tweaked nav and footer coloring

src/styles/docs/docs.css

@@ -21,6 +21,7 @@
 
 .docs-content {
   flex-grow: 1;
+  margin-bottom: 2.3rem;
 
   & section {
     max-width: 100svw;

src/styles/docs/nav/nav.css

@@ -32,16 +32,26 @@
     scrollbar-width: none;
     font-size: 1.2rem;
     -ms-overflow-style: none;
-    background-color: hsl(var(--overlay-bkg));
-    border-right: solid hsl(var(--overlay-bkg-border)) 1px;
+    background: hsl(var(--bg-900));
+
+    &::before {
+      content: "";
+      position: absolute;
+      inset: 0;
+      background: linear-gradient(
+        135deg,
+        hsla(var(--secondary-900) / 1) 36%,
+        hsla(var(--overlay-bkg-1) / 1) 100%
+      );
+      filter: blur(21px);
+      /* border-top: solid hsl(var(--overlay-bkg-border)) 1px; */
+    }
 
     &::-webkit-scrollbar {
       display: none;
     }
 
-    transition:
-      left 0.3s ease,
-      padding 0.3s ease;
+    transition: left 0.3s ease, padding 0.3s ease;
 
     &.shown {
       display: flex;
@@ -85,8 +95,11 @@
 
       & [data-part="item"] {
         & [data-part="item-content"] > div {
-            min-height: 3em;
-            & > p { margin: auto 0; }
+          min-height: 3em;
+
+          & > p {
+            margin: auto 0;
+          }
         }
       }
     }

src/styles/docs/toc/toc.css

@@ -35,7 +35,7 @@
   font-size: 1.614rem;
   max-height: 500px;
 
-  &>svg {
+  & > svg {
     height: 100%;
     width: 24px;
   }
@@ -65,9 +65,7 @@
       display: none;
     }
 
-    transition:
-      width 0.3s ease,
-      padding 0.3s ease;
+    transition: width 0.3s ease, padding 0.3s ease;
 
     &.shown {
       overflow-y: scroll;
@@ -105,7 +103,7 @@
     display: block;
     position: sticky;
     top: 3.5rem;
-    width: 19rem;
+    max-width: 19rem;
     max-height: calc(100svh - 3.5rem);
     overflow-y: scroll;
     z-index: 9;
@@ -124,7 +122,7 @@
       list-style: none;
 
       &.active {
-        &>.toc_a {
+        & > .toc_a {
           color: hsl(var(--green) 72 60);
         }
       }