1 files changed, 10 insertions, 10 deletions

diff --git a/assets/css/components/_nav.scss b/assets/css/components/_nav.scss
index 7f5eb19..a3f7004 100644
--- a/assets/css/components/_nav.scss
+++ b/assets/css/components/_nav.scss
@@ -1,6 +1,6 @@
 .c-nav {
-  background-color: var(--nav-bg);
-  font-size: $nav-font-size;
+  background-color: var(--nav--bg);
+  font-size: $nav--font-size;
 
   &__items {
     display: flex;
@@ -10,15 +10,15 @@
   &__logo {
     display: inline-block;
     margin: 0;
-    padding: $nav-item-pad-v 0;
-    color: var(--nav-logo-fg);
+    padding: $nav--item--pad-v 0;
+    color: var(--nav--logo--fg);
     text-decoration: none;
 
     &:link,
     &:visited {
       &:hover {
         background-color: transparent;
-        color: var(--nav-item-hover-fg);
+        color: var(--nav--item--hover--fg);
         font-weight: bold;
       }
     }
@@ -26,22 +26,22 @@
 
   &__item {
     display: inline-block;
-    padding: $nav-item-pad-v $nav-item-pad-h calc(#{$nav-item-pad-v} - 2px);
-    margin: 0 (-1 * $nav-item-pad-h) 0 ($nav-item-spacing - $nav-item-pad-h);
-    color: var(--nav-item-idle-fg);
+    padding: $nav--item--pad-v $nav--item--pad-h calc(#{$nav--item--pad-v} - 2px);
+    margin: 0 (-1 * $nav--item--pad-h) 0 ($nav--item--spacing - $nav--item--pad-h);
+    color: var(--nav--item--idle--fg);
     text-decoration: none;
     border-bottom: 2px solid transparent;
 
     &:hover {
       background-color: transparent;
-      color: var(--nav-item-hover-fg);
+      color: var(--nav--item--hover--fg);
       font-weight: bold;
     }
   }
 
   @media (max-width: map-get($breakpoints, "sm")) {
     &__item {
-      margin-left: $nav-item-spacing-sm - $nav-item-pad-h;
+      margin-left: $nav--item--spacing-sm - $nav--item--pad-h;
     }
   }