Variable darken percentage for emphasized links

diff --git a/scss/_variables.scss b/scss/_variables.scss
index ada9af5a1aef987d0cae625ce877750f71656cf0..a16ea1fbbf304b784148461cb36963b227c74614 100644 (file)
--- 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
index 58db3e0fc75fd8326509cc100b46a59b1e13a032..1819fb03df6ee8621731a7971c0d03c45bef9fec 100644 (file)
--- 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;
     }
   }
 }