diff --git a/sass/_config/_variables.scss b/sass/_config/_variables.scss index c4c1be2..2a9b439 100644 --- a/sass/_config/_variables.scss +++ b/sass/_config/_variables.scss @@ -26,7 +26,8 @@ $color5 : #6FA939 !default; $base-color: $color1; $link-color: $color3; $base-background : $color2; -$link-hover-color: $color4; +$link-hover-color: $color4; // Make it equal to $link-color if you don't want + // any effect on links when focused/hovered $brand-primary: $color5; diff --git a/sass/library/_base.scss b/sass/library/_base.scss index 6d69419..22bc1eb 100644 --- a/sass/library/_base.scss +++ b/sass/library/_base.scss @@ -30,10 +30,14 @@ body { a { color: $link-color; - &:focus, - &:hover, - &:active { - color: $link-hover-color; + // No styling on focus/hover if there's no effect. Avoids to then have to + // override it countless times. See Issue #232 + @if $link-hover-color != $link-color { + &:focus, + &:hover, + &:active { + color: $link-hover-color; + } } }