agaric/patternlibrary
10
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Style active links and set final good contrast link colors

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

7
agaric/sass/agaric/_base.elements.scss
View file

@ -60,6 +60,7 @@ p {
a { a {
// color: $; // color: $;
&:hover { &:hover {
color: $link-hover;
background-color: $link-hover-background; background-color: $link-hover-background;
padding: $link-hover-padding; padding: $link-hover-padding;
margin: -$link-hover-padding; margin: -$link-hover-padding;
@ -70,6 +71,12 @@ a {
padding: $link-hover-padding; padding: $link-hover-padding;
margin: -$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 // Rule

6
agaric/sass/agaric/_variables.scss
View file

@ -79,11 +79,11 @@ $pre-background: $background !default;
$link: $primary !default; $link: $primary !default;
$link-invert: $primary-invert !default; $link-invert: $primary-invert !default;
$link-visited: $berry-dark !default; $link-visited: $berry-dark !default;
$link-hover: $dandelion-light !default; $link-hover: $white !default;
$link-hover-border: $cinnamon-dark !default; $link-hover-border: $cinnamon-dark !default;
$link-focus: $dandelion-light !default; $link-focus: $white !default;
$link-focus-border: $primary !default; $link-focus-border: $primary !default;
$link-active: $blue-light !default; $link-active: $dandelion-light !default;
$link-active-border: $blue-light !default; $link-active-border: $blue-light !default;
// Our added link colors // Our added link colors
$link-hover-background: $primary !default; $link-hover-background: $primary !default;