Add !important property to colored links. (#35740)
* Add !important property to colored links. * Apply suggestions from code review Co-authored-by: Mark Otto <otto@github.com>
This commit is contained in:
parent
5565c64bde
commit
999bfaa036
|
@ -1,11 +1,11 @@
|
||||||
@each $color, $value in $theme-colors {
|
@each $color, $value in $theme-colors {
|
||||||
.link-#{$color} {
|
.link-#{$color} {
|
||||||
color: $value;
|
color: $value !important; // stylelint-disable-line declaration-no-important
|
||||||
|
|
||||||
@if $link-shade-percentage != 0 {
|
@if $link-shade-percentage != 0 {
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus {
|
&:focus {
|
||||||
color: if(color-contrast($value) == $color-contrast-light, shade-color($value, $link-shade-percentage), tint-color($value, $link-shade-percentage));
|
color: if(color-contrast($value) == $color-contrast-light, shade-color($value, $link-shade-percentage), tint-color($value, $link-shade-percentage)) !important; // stylelint-disable-line declaration-no-important
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue