_sub-nav.scss in foundation-rails-5.0.3.0

- old
+ new

@@ -20,18 +20,18 @@
 $sub-nav-font-size: rem-calc(14) !default;
 $sub-nav-font-color: #999 !default;
 $sub-nav-font-weight: normal !default;
 $sub-nav-text-decoration: none !default;
 $sub-nav-border-radius: 3px !default;
-$sub-nav-font-color-hover: darken($sub-nav-font-color, 15%) !default;
+$sub-nav-font-color-hover: scale-color($sub-nav-font-color, $lightness: -25%) !default;
 
 
 // We use these to control the active item styles
 
 $sub-nav-active-font-weight: normal !default;
 $sub-nav-active-bg: $primary-color !default;
-$sub-nav-active-bg-hover: darken($sub-nav-active-bg, 5%) !default;
+$sub-nav-active-bg-hover: scale-color($sub-nav-active-bg, $lightness: -14%) !default;
 $sub-nav-active-color: #fff !default;
 $sub-nav-active-padding: rem-calc(3 16) !default;
 $sub-nav-active-cursor: default !default;
 
 $sub-nav-item-divider: "" !default;
@@ -46,24 +46,24 @@
 //
 // $font-color - Font color. Default: $sub-nav-font-color.
 // $font-size - Font size. Default: $sub-nav-font-size.
 // $active-bg - Background of active nav item. Default: $sub-nav-active-bg.
 @mixin sub-nav(
-  $font-color:$sub-nav-font-color,
-  $font-size:$sub-nav-font-size,
-  $active-bg:$sub-nav-active-bg,
-  $active-bg-hover:darken($active-bg, 5%)) {
+  $font-color: $sub-nav-font-color,
+  $font-size: $sub-nav-font-size,
+  $active-bg: $sub-nav-active-bg,
+  $active-bg-hover: scale-color(#008CBA, $lightness: -5%)) {
   display: block;
   width: auto;
   overflow: hidden;
   margin: $sub-nav-list-margin;
   padding-top: $sub-nav-list-padding-top;
   margin-#{$opposite-direction}: 0;
   margin-#{$default-float}: rem-calc(-12);
 
   dt {
-	  text-transform: uppercase;
+    text-transform: uppercase;
   }
 
   dt,
   dd,
   li {
@@ -78,11 +78,11 @@
 
     a {
       text-decoration: $sub-nav-text-decoration;
       color: $sub-nav-font-color;
       &:hover {
-	      color: $active-bg-hover;
+        color: $active-bg-hover;
       }
     }
 
     &.active a {
       @include radius($global-radius);
@@ -90,10 +90,10 @@
       background: $active-bg;
       padding: $sub-nav-active-padding;
       cursor: $sub-nav-active-cursor;
       color: $sub-nav-active-color;
       &:hover {
-	      background: $active-bg-hover;
+        background: $active-bg-hover;
       }
     }
     @if $sub-nav-item-divider != "" {
       margin-#{$default-float}: 0;
 
\ No newline at end of file