Reorganization of Sass files

docs/scss/layout/_aside.scss

@@ -0,0 +1,72 @@
+/**
+ * Docs: Aside
+ */
+
+main > aside {
+
+  nav {
+    width: 100%;
+    margin-bottom: $spacing-block;
+
+    h1 {
+      margin-bottom: $spacing-typography;
+    }
+
+    @media (min-width: map-get($breakpoints, "lg")) {
+      position: fixed;
+      width: 200px;
+      max-height: calc(100vh - 5.5rem);
+      margin-bottom: 0;
+      overflow-x: hidden;
+      overflow-y: auto;
+
+      h1 {
+        display: none;
+      }
+    }
+  }
+
+  li, summary {
+    padding-top: 0;
+    padding-bottom: 0;
+    font-size: 16px;
+  }
+
+  li a {
+    padding: 0.375rem 0.5rem;
+
+    svg {
+      vertical-align: middle;
+    }
+  }
+
+  a,
+  a.secondary {
+    &:focus {
+      background-color: transparent;
+      color: var(--primary-hover);
+    }
+  }
+
+  details {
+    padding-bottom: .25rem;
+    border-bottom: none;
+  }
+
+  details summary {
+    font-weight: 300;
+    text-transform: uppercase;
+
+    &::after {
+      display: none;
+    }
+  }
+}
+
+[role=document] {
+  section > h1,
+  section > h2,
+  section > h3 {
+    line-height: 1;
+  }
+}