adjust sizes and paddings

- icons in sidebar / content listing
- copy buttons
- nav spacing
- headings
- code blocks

src/styles/docs/docs-types.css

@@ -99,7 +99,7 @@
   & .typedata-root {
     margin-bottom: 0.618rem;
     border-radius: 12px;
-    padding: 1.272rem;
+    padding: 0.8rem;
     transition: border 0.3s;
 
     & > .typedata-name {
@@ -107,18 +107,17 @@
       align-items: center;
       font-size: 1.272rem;
       margin: 0;
-      margin-top: 0.272rem;
 
       & svg {
-        width: 27px;
-        height: 27px;
-        margin-right: 3px;
+        width: 1.2em;
+        height: 1.2em;
+        margin-right: 0.3em;
       }
     }
   }
 
   & .typedata-details {
-    margin-top: 1.618rem;
+    margin: 0;
   }
 
   & .typedata-params {
@@ -142,6 +141,10 @@
       margin-top: 0.618rem;
     }
 
+    & > p:last-child {
+      margin-bottom: 0;
+    }
+
     & .typeprop-link {
       color: hsl(var(--prop-link-color));
 

src/styles/docs/docs.css

@@ -21,10 +21,8 @@
 
 .docs-content {
   flex-grow: 1;
-  margin-bottom: 2.3rem;
 
   & section {
-    max-width: 100svw;
     margin-block: 1.618rem;
   }
 
@@ -51,9 +49,12 @@
   }
 
   & .heading-hashtag {
+    display: inline-block;
+    margin-right: 0.1rem;
+
     & svg {
-      width: 24px;
-      height: 24px;
+      width: 1.2em;
+      height: 1.2em;
       opacity: 0.5;
       transition: opacity 0.5s;
 
@@ -63,6 +64,11 @@
       }
     }
   }
+
+  & .heading-text {
+    display: inline-block;
+    vertical-align: top;
+  }
 }
 
 hr {
@@ -91,10 +97,6 @@ ul {
   .docs-content {
     margin-inline: 1.272rem;
 
-    & section {
-      margin-block: 1.884rem;
-    }
-
     & p {
       margin-block: 1.217rem;
     }

src/styles/docs/nav/nav.css

@@ -85,7 +85,7 @@
         & [data-part="item-content"] > div {
           min-height: 3em;
 
-          & > p {
+          & > a {
             margin: auto 0;
           }
         }

src/styles/docs/toc/types-toc.css

@@ -57,8 +57,8 @@
 
     & svg {
       opacity: 0.6;
-      width: 24px;
-      height: 24px;
+      width: 1.2em;
+      height: 1.2em;
       transition: opacity 0.5s;
     }