Style active links and set final good contrast link colors

This commit is contained in:
benjamin melançon 2018-12-02 19:13:24 -05:00
parent 707be352d2
commit 28fd6e8a71
2 changed files with 10 additions and 3 deletions

View file

@ -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

View file

@ -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;