abdullahtarawneh.com/assets/scss/base/links.scss
2020-11-09 18:29:25 -06:00

32 lines
No EOL
661 B
SCSS

a:link,
a:visited {
color: inherit;
text-decoration-color: #0060ff;
transition:
text-decoration-thickness 200ms ease-out,
text-underline-offset 200ms ease-out,
text-decoration-color 200ms ease-out,
color 200ms ease-out
;
}
a:hover, a:focus, a:active {
text-decoration-color: #0060ff;
}
a:link {text-underline-offset: -0.075em;}
a:hover {text-underline-offset: -0.375em;}
@supports (text-decoration-thickness: 1em) {
a:link {
text-decoration-thickness: 0.125em;
text-underline-offset: 0.125em;
text-decoration-skip-ink: none;
}
a:hover {
color: white;
text-decoration-thickness: 1.125em;
text-underline-offset: -0.875em;
}
}