hugo-theme-paradox/assets/styles/features/links.scss

42 lines
721 B
SCSS

a:link {
transition: all 0.1s ease-out;
color: var(--link-color);
text-decoration-thickness: .0625rem;
text-underline-offset: 0.125em;
text-decoration-skip-ink: none;
}
a:visited {
color: var(--link-visited);
}
a:focus {
outline: none;
background: var(--primary-accent);
color: var(--primary-accent-text);
border-radius: 2px;
text-decoration: none;
padding: 4px;
}
a:hover {
text-decoration-thickness: 0.125em;
text-underline-offset: 0.25em;
}
@media (prefers-reduced-motion) {
a:link {transition: none}
}
a:link[target=_blank] {
svg {
margin-inline-start: 0.35em;
margin-inline-end: 0.15em;
vertical-align: baseline;
font-size: 0.65em;
}
}
a:link[title] {
text-decoration-style: dotted;
}