_header.scss in fae-rails-3.0.0

- old
+ new

@@ -4,11 +4,11 @@
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   background: $c-header-bg;
-  border-top: $header-border-width solid $c-custom-highlight;
+  border-top: $header-border-width solid var(--highlight-color);
 
   @include bp(large) {
     padding: 0 $content-buffer;
     position: relative;
   }
@@ -105,10 +105,10 @@
       }
     }
 
     &.-parent-current {
       > a {
-        background: $c-custom-highlight;
+        background: var(--highlight-color);
       }
     }
 
     &:hover {
       ul {