Define $active-color in terms of $primary-color

kaitokikuchi · Jan 4, 2019 · edd4d1e · edd4d1e
1 parent f44e4b6
commit edd4d1e
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/_sass/minimal-mistakes/_navigation.scss b/_sass/minimal-mistakes/_navigation.scss
@@ -510,7 +510,7 @@
 
   // Scrollspy marks toc items as .active when they are in focus
   .active {
-    background: $active-color;
+    @include yiq-contrasted($active-color);
   }
 }
 

diff --git a/_sass/minimal-mistakes/_variables.scss b/_sass/minimal-mistakes/_variables.scss
@@ -61,14 +61,14 @@ $muted-text-color: mix(#fff, $text-color, 35%) !default;
 $border-color: $lighter-gray !default;
 $form-background-color: $lighter-gray !default;
 $footer-background-color: $lighter-gray !default;
-$active-color: mix($light-gray, $lighter-gray, 50%) !default;
 
 $primary-color: #6f777d !default;
 $success-color: #3fa63f !default;
 $warning-color: #d67f05 !default;
 $danger-color: #ee5f5b !default;
 $info-color: #3b9cba !default;
 $focus-color: $primary-color !default;
+$active-color: mix(#fff, $primary-color, 80%) !default;
 
 /* YIQ color contrast */
 $yiq-contrasted-dark-default: $dark-gray !default;