font-awesome icons for show/hide chevrons in sidenav toggle

2019-02-11 17:41:08 -05:00
parent fca898ffa0
commit cdd7836292
5 changed files with 14 additions and 2 deletions
--- a/styles/elements/_icons.scss
+++ b/styles/elements/_icons.scss
@@ -67,6 +67,10 @@
    @include icon-color($color-gray);
  }

+  &.icon--blue {
+    @include icon-color($color-blue-darker);
+  }
+
  &.icon--medium {
    @include icon-size(12);
  }
--- a/styles/elements/_sidenav.scss
+++ b/styles/elements/_sidenav.scss
@@ -31,6 +31,10 @@
      @include sidenav__header;
      float: right;
      color: $color-blue-darker;
+
+      .toggle-arrows {
+        vertical-align: middle;
+      }
    }

    ul {