Variable darken percentage for emphasized links

twbs · Oct 23, 2018 · 1c91f48 · 1c91f48
1 parent ff40e00
commit 1c91f48
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -166,11 +166,12 @@ $body-color:                $gray-900 !default;
 //
 // Style anchor elements.
 
-$link-color:                $primary !default;
-$link-decoration:           none !default;
-$link-hover-color:          darken($link-color, 15%) !default;
-$link-hover-decoration:     underline !default;
-
+$link-color:                              $primary !default;
+$link-decoration:                         none !default;
+$link-hover-color:                        darken($link-color, 15%) !default;
+$link-hover-decoration:                   underline !default;
+// Darken percentage for links with `.text-*` class (e.g. `.text-success`)
+$emphasized-link-hover-darken-percentage: 15% !default;
 
 // Paragraphs
 //

diff --git a/scss/mixins/_text-emphasis.scss b/scss/mixins/_text-emphasis.scss
@@ -8,7 +8,7 @@
   }
   a#{$parent} {
     @include hover-focus {
-      color: darken($color, 10%) !important;
+      color: darken($color, $emphasized-link-hover-darken-percentage) !important;
     }
   }
 }