added generic types on props, tweaked nav and footer coloring

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);
         }
       }