Merge pull request #153 from GSA/mmeyer/30-side-nav-styles

Mmeyer/30 side nav styles
GSA · Jun 28, 2023 · 1b0ebc3 · 1b0ebc3
2 parents ea92759 + b8bb79f
commit 1b0ebc3
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 14 deletions.
diff --git a/public/styles/styles.css b/public/styles/styles.css
diff --git a/public/styles/styles.css.map b/public/styles/styles.css.map
diff --git a/sass/_components/side_nav.scss b/sass/_components/side_nav.scss
@@ -1,36 +1,40 @@
 .usa-sidenav {
     .usa-sidenav__item {
-        background-color: color($theme-color-base-lightest);
+
+        background-color: color('base-lightest');
         &:hover {
-            background-color: color($theme-color-base);
-            color: color($theme-color-base-lightest);
+            background-color: color('base');
+            color: color('base-lightest');
         }
     }
     a:not(.usa-button):hover {
-        background-color: color($theme-color-base);
+        background-color: color('base');
+
     }
-    a:not(.usa-button):not(.usa-current):hover {
-        color: color($theme-color-base-lightest);
+    a:not(.usa-button):not(.usa-current) {
+        color: color('primary-vivid');
+        &:hover {
+            color: color('base-lightest');
+        }
     }
     .usa-sidenav__item.current {
-        background-color: color($theme-color-base);
+        background-color: color('base');
         &:hover {
-            color: color($theme-color-base-lightest)
+            color: color('base-lightest')
         }
     }
-
     .usa-current {
-        color: color($theme-color-base-lightest);
+        color: color('base-lightest');
         font-weight: normal;
     }
 }
 .sp_site_nav {
     h4 {
         margin-top:0;
         padding-top: 1em;
-        border-top: 2px solid color($theme-color-base-light);
+        border-top: 2px solid color('base-light');
         padding-left: .5em;
-        color: color($theme-color-base);
+        color: color('base');
     }
 }