Conlin Durbin beb2f5db69
🎨 Enhance :focus style for a11y
* Adding link changes with text-decoration and background

* Update assets/css/base/_a.scss

Co-Authored-By: EJ Mason <eliasjmason@gmail.com>

* Add SCSS variable

Co-authored-by: Conlin Durbin <conlin@lessonly.com>
Co-authored-by: EJ Mason <eliasjmason@gmail.com>
Co-authored-by: Tatiana Mac <github@tatianamac.com>
2020-05-01 19:06:27 -07:00

19 lines
341 B
SCSS

a {
color: $black;
font-family: $ext-sans;
margin: 1rem 0;
text-decoration-color: $dark-grey;
text-decoration-line: underline;
text-decoration-thickness: 0.1em;
&:hover,
&:focus {
text-decoration-color: $primary-color;
}
&:focus {
background-color: $lt-background-color;
color: $black;
outline: 0;
}
}