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

30 lines
No EOL
558 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 {
outline: none;
background: var(--primary-accent);
color: var(--primary-accent-text);
padding: 4px;
border-radius: 2px;
text-decoration: none;
}
&:hover {
text-decoration-thickness: 0.25em;
text-underline-offset: 0.25em;
}
&:active {
}
}