abdullahtarawneh.com/assets/scss/base/links.scss

33 lines
581 B
SCSS

a {
transition: all 0.1s ease-out;
@media (prefers-reduced-motion) {
transition: none;
}
&:link {
color: var(--link-color);
text-decoration-thickness: .125rem;
text-underline-offset: 0.125em;
text-decoration-skip-ink: none;
}
&:visited {
color: var(--link-visited);
}
&:focus {
display: inline-block;
outline-offset: 0.5rem;
outline-width: 0.25rem;
border-radius: 0.125rem;
}
&:hover {
text-decoration-thickness: 0.25em;
text-underline-offset: 0.25em;
}
&:active {
}
}
*[title] {
text-decoration: underline;
text-decoration-style: dotted;
}