#232 No styling on a:hover if there's no effect

This commit is contained in:
PhilippeVay 2016-12-15 20:10:26 +01:00
parent 7ce93420da
commit 94c20e2048
2 changed files with 10 additions and 5 deletions

View file

@ -26,7 +26,8 @@ $color5 : #6FA939 !default;
$base-color: $color1; $base-color: $color1;
$link-color: $color3; $link-color: $color3;
$base-background : $color2; $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; $brand-primary: $color5;

View file

@ -30,11 +30,15 @@ body {
a { a {
color: $link-color; color: $link-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, &:focus,
&:hover, &:hover,
&:active { &:active {
color: $link-hover-color; color: $link-hover-color;
} }
}
} }
ul, ul,