Add subnav behavior to SidenavItem module

2018-07-23 16:49:36 -04:00
parent 56d6077f48
commit 648aaa23a0
5 changed files with 49 additions and 6 deletions
--- a/scss/elements/_sidenav.scss
+++ b/scss/elements/_sidenav.scss
@@ -44,6 +44,7 @@
          &--active {
            @include h5;
            color: $color-primary;
+            box-shadow: none;
          }
        }
      }
@@ -55,9 +56,21 @@
      li {
        .sidenav__link {
          @include h5;
-          padding: ($gap * .75) ($gap * 3);
+          padding: $gap * .75;
+          padding-left: 4.5rem;
          border: 0;
          font-weight: normal;
+
+          .sidenav__link-icon {
+            @include icon-size(12);
+            flex-shrink: 0;
+            margin-right: 1.5rem;
+            margin-left: -3rem
+          }
+
+          .sidenav__link-label {
+            padding-left: 0;
+          }
        }
      }
    }