Variable darken percentage for emphasized links

1c91f482 · Martijn Cuppens · XhmikosR · ff40e003 · 1c91f482 · 1c91f482
Commit 1c91f482 authored 6 years ago by Martijn Cuppens Committed by XhmikosR 6 years ago
Hide whitespace changes
Inline Side-by-side

Showing

with 7 additions and 6 deletions
+7 -6
--- 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
 //

--- 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;
    }
  }
 }