various small fixes

- light theme footer css
- fixed l/r overlay css
- fixed discolored generics
- fixed scroll margin
- elements selected by url now display as hovered
- fixed top padding in mobile layout
- fixed padding for import string on type pages
- fixed padding on module listing pages
- fixed link clickable areas on left nav

src/styles/docs/docs-types.css

@@ -5,16 +5,13 @@
   border-radius: 6px;
   border: 1px solid hsla(var(--blue) 10 15 / 0.6);
   margin-top: 1rem;
-  margin-inline: 1.272rem;
 
   & .root-nav-entry {
     position: relative;
     display: grid;
     grid-template-columns: 1fr;
-    grid-template-rows: 42px;
     text-wrap: pretty;
     padding: 0.5rem 1rem;
-    padding-top: 1.5rem;
 
     &:not(:last-child) {
       border-bottom: 1px solid hsla(var(--blue) 10 15 / 0.6);
@@ -239,7 +236,7 @@ html.dark .typeprops {
   & .typeprop-root {
     border: 1px solid hsla(var(--prop-color) / 0.3);
 
-    &:hover {
+    &:hover, &:target {
       border: 1px solid hsla(var(--prop-color) / 0.6);
     }
   }
@@ -281,7 +278,7 @@ html.dark .typefuncs {
   & .typefunc-root {
     border: 1px solid hsla(var(--func-color) / 0.3);
 
-    &:hover {
+    &:hover, &:target {
       border: 1px solid hsla(var(--func-color) / 0.6);
     }
   }
@@ -333,7 +330,7 @@ html.dark .typesignals {
   & .typesignal-root {
     border: 1px solid hsla(var(--signal-color) / 0.3);
 
-    &:hover {
+    &:hover, &:target {
       border: 1px solid hsla(var(--signal-color) / 0.6);
     }
   }
@@ -371,7 +368,7 @@ html.dark .typevariants {
   & .typevariant-root {
     border: 1px solid hsla(var(--var-color) / 0.3);
 
-    &:hover {
+    &:hover, &:target {
       border: 1px solid hsla(var(--var-color) / 0.6);
     }
   }
@@ -381,7 +378,7 @@ html.dark .typevariants {
   .root-nav {
     & .root-nav-entry {
       display: grid;
-      grid-template-columns: 0.70fr 1.30fr;
+      grid-template-columns: 0.60fr 1.40fr;
 
       & .root-nav-link {
         justify-self: start;
@@ -406,13 +403,7 @@ html.dark .typevariants {
 
       & .root-nav-desc {
         padding-left: 1rem;
-
-        &::before {
-          content: "";
-          position: absolute;
-          inset: -1rem 0 0 0;
-          border-left: 1px solid hsla(var(--blue) 10 15 / 0.6);
-        }
+        border-left: 1px solid hsl(var(--blue) 10 15 / 0.6);
       }
     }
   }
@@ -431,10 +422,6 @@ html.dark .typevariants {
 }
 
 @media (min-width: 85rem) {
-  .root-nav {
-    min-width: 45svw;
-  }
-
   .types-nav {
     display: block;
     position: fixed;

src/styles/docs/docs.css

@@ -40,6 +40,7 @@
 
 .c-breadcrumbs {
   --color-link-breadcrumbs: hsl(var(--accent-600));
+  margin-top: 0.5rem;
   margin-bottom: 0.318rem;
   max-width: 100svw;
 }

src/styles/docs/nav/nav-tree.css

@@ -82,10 +82,6 @@ html.dark .nav-shevron {
     &>a {
       width: 100%;
       margin-left: 0.2rem;
-
-      &:hover {
-        text-decoration: none;
-      }
     }
   }
 

src/styles/docs/nav/nav.css

@@ -32,8 +32,8 @@
     scrollbar-width: none;
     font-size: 1.2rem;
     -ms-overflow-style: none;
-    background: hsla(var(--blue) 75 5);
-    border-right: 1px solid hsl(var(--blue) 45 15);
+    background: hsla(var(--overlay-bkg));
+    border-right: 1px solid hsl(var(--overlay-bkg-border));
 
     &::-webkit-scrollbar {
       display: none;

src/styles/docs/toc/toc.css

@@ -59,7 +59,7 @@
     scrollbar-width: none;
     -ms-overflow-style: none;
     background-color: hsl(var(--overlay-bkg));
-    border-left: solid hsl(var(--overlay-bkg-border)) 1px;
+    border-left: 1px solid hsl(var(--overlay-bkg-border));
 
     &::-webkit-scrollbar {
       display: none;