#232 No styling on a:hover if there's no effect
This commit is contained in:
parent
7ce93420da
commit
94c20e2048
2 changed files with 10 additions and 5 deletions
|
@ -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;
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -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,
|
||||||
|
|
Loading…
Reference in a new issue