diff --git a/scss/_variables.scss b/scss/_variables.scss index ada9af5a1a..a16ea1fbbf 100644 --- 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 58db3e0fc7..1819fb03df 100644 --- 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; } } }