remove/reorganize some css

scss/elements/_sidenav.scss

@@ -0,0 +1,74 @@
+.sidenav {
+  ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+
+     li {
+      margin: 0;
+      display: block;
+    }
+  }
+
+  .sidenav__link {
+    display: block;
+    border-top: 1px solid $color-black;
+    padding: $gap ($gap * 2);
+    color: $color-black;
+    text-decoration: none;
+    white-space: nowrap;
+
+    .sidenav__link-icon {
+      margin-left: - ($gap * .5);
+    }
+
+    &.sidenav__link--disabled {
+      color: $color-shadow;
+      pointer-events: none;
+    }
+
+    &.sidenav__link--active {
+      @include h4;
+      background-color: $color-white;
+      color: $color-primary;
+      box-shadow: inset .4rem 0 0 0 $color-primary;
+
+      .sidenav__link-icon {
+        @include icon-style-active;
+      }
+
+      + ul {
+        background-color: $color-white;
+
+        .sidenav__link {
+          &--active {
+            @include h5;
+            color: $color-primary;
+          }
+        }
+      }
+    }
+
+    + ul {
+      padding-bottom: $gap / 2;
+
+      li {
+        .sidenav__link {
+          @include h5;
+          padding: ($gap * .75) ($gap * 3);
+          border: 0;
+          font-weight: normal;
+        }
+      }
+    }
+
+    &:hover {
+      color: $color-primary;
+
+      .sidenav__link-icon {
+        @include icon-style-active;
+      }
+
+    }
+  }
+}