refactoring

docs/src/layouts/App/base.scss

@@ -8,6 +8,10 @@
   outline: none;
 }
 
+*:focus {
+  outline: none;
+}
+
 ::-webkit-scrollbar {
   width: 14px;
   height: 14px;
@@ -43,7 +47,6 @@
 
 html {
   scroll-behavior: smooth;
-  height: 100%;
 }
 
 body {
@@ -54,16 +57,6 @@ body {
   font-feature-settings: 'cv05' 1;
   background-color: $colorBlack;
   color: $colorText;
-  height: 100%;
-}
-
-*:focus {
-  outline: none;
-}
-
-ul,
-ol {
-  list-style: none;
 }
 
 button {
@@ -88,11 +81,6 @@ code {
   font-size: 0.9rem;
 }
 
-blockquote {
-  padding-left: 1rem;
-  border-left: 3px solid rgba($colorBlack, 0.1);
-}
-
 .is-active {
   background: black;
   color: white;
@@ -120,17 +108,9 @@ blockquote {
   hr {
     margin: 1rem 0;
   }
-}
 
-#table-of-contents {
-  display: none;
+  blockquote {
+    padding-left: 1rem;
+    border-left: 3px solid rgba($colorBlack, 0.1);
   }
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-weight: 500;
 }

docs/src/layouts/App/fonts.scss

@@ -112,24 +112,24 @@
   ;
 }
 
-@font-face {
-  font-family: 'Inter';
-  font-style:  normal;
-  font-weight: 700;
-  src:
-    url("~@/assets/fonts/Inter-Bold.woff2") format("woff2"),
-    url("~@/assets/fonts/Inter-Bold.woff") format("woff"),
-  ;
-}
-@font-face {
-  font-family: 'Inter';
-  font-style:  italic;
-  font-weight: 700;
-  src:
-    url("~@/assets/fonts/Inter-BoldItalic.woff2") format("woff2"),
-    url("~@/assets/fonts/Inter-BoldItalic.woff") format("woff"),
-  ;
-}
+// @font-face {
+//   font-family: 'Inter';
+//   font-style:  normal;
+//   font-weight: 700;
+//   src:
+//     url("~@/assets/fonts/Inter-Bold.woff2") format("woff2"),
+//     url("~@/assets/fonts/Inter-Bold.woff") format("woff"),
+//   ;
+// }
+// @font-face {
+//   font-family: 'Inter';
+//   font-style:  italic;
+//   font-weight: 700;
+//   src:
+//     url("~@/assets/fonts/Inter-BoldItalic.woff2") format("woff2"),
+//     url("~@/assets/fonts/Inter-BoldItalic.woff") format("woff"),
+//   ;
+// }
 
 // @font-face {
 //   font-family: 'Inter';
@@ -150,15 +150,15 @@
 // ;
 // }
 
-@font-face {
-  font-family: 'Inter';
-  font-style:  normal;
-  font-weight: 900;
+// @font-face {
+//   font-family: 'Inter';
+//   font-style:  normal;
+//   font-weight: 900;
 
-  src: url("~@/assets/fonts/Inter-Black.woff2") format("woff2"),
-  url("~@/assets/fonts/Inter-Black.woff") format("woff"),
-;
-}
+//   src: url("~@/assets/fonts/Inter-Black.woff2") format("woff2"),
+//   url("~@/assets/fonts/Inter-Black.woff") format("woff"),
+// ;
+// }
 // @font-face {
 //   font-family: 'Inter';
 //   font-style:  italic;

docs/src/layouts/App/style.scss

@@ -147,11 +147,14 @@ $menuBreakPoint: 800px;
     margin-bottom: 0.5rem;
   }
 
+  &__link-list {
+    list-style: none;
+  }
+
   &__link-list &__link-list {
     display: none;
     padding-left: 1rem;
     margin-top: 0.5rem;
-    margin-bottom: 1.5rem;
   }
 
   .active + &__link-list {

docs/src/templates/DocPage/style.scss

@@ -27,6 +27,7 @@
     > h4,
     > h5,
     > h6 {
+      font-weight: 500;
       color: $colorWhite;
       margin-top: 3 * $spacing;
       margin-bottom: $spacing;
@@ -94,7 +95,10 @@
       text-decoration: underline;
     }
 
-    #table-of-contents + ul {
+    #table-of-contents {
+      display: none;
+
+      & + ul {
         border: 1px solid rgba($colorWhite, 0.1);
         padding: 1.2rem 1.5rem !important;
         border-radius: 0.5rem;
@@ -122,6 +126,7 @@
           }
         }
       }
+    }
 
     p a img[src^="https://img.shields.io"] {
       margin-right: 0.5rem;