Style active links and set final good contrast link colors
This commit is contained in:
parent
707be352d2
commit
28fd6e8a71
2 changed files with 10 additions and 3 deletions
|
@ -60,6 +60,7 @@ p {
|
|||
a {
|
||||
// color: $;
|
||||
&:hover {
|
||||
color: $link-hover;
|
||||
background-color: $link-hover-background;
|
||||
padding: $link-hover-padding;
|
||||
margin: -$link-hover-padding;
|
||||
|
@ -70,6 +71,12 @@ a {
|
|||
padding: $link-hover-padding;
|
||||
margin: -$link-hover-padding;
|
||||
}
|
||||
&:active {
|
||||
color: $link-active;
|
||||
background-color: $link-hover-background;
|
||||
padding: $link-hover-padding;
|
||||
margin: -$link-hover-padding;
|
||||
}
|
||||
}
|
||||
|
||||
// Rule
|
||||
|
|
|
@ -79,11 +79,11 @@ $pre-background: $background !default;
|
|||
$link: $primary !default;
|
||||
$link-invert: $primary-invert !default;
|
||||
$link-visited: $berry-dark !default;
|
||||
$link-hover: $dandelion-light !default;
|
||||
$link-hover: $white !default;
|
||||
$link-hover-border: $cinnamon-dark !default;
|
||||
$link-focus: $dandelion-light !default;
|
||||
$link-focus: $white !default;
|
||||
$link-focus-border: $primary !default;
|
||||
$link-active: $blue-light !default;
|
||||
$link-active: $dandelion-light !default;
|
||||
$link-active-border: $blue-light !default;
|
||||
// Our added link colors
|
||||
$link-hover-background: $primary !default;
|
||||
|
|
Loading…
Reference in a new issue