mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-26 22:48:29 -04:00
24 lines
519 B
CSS
24 lines
519 B
CSS
.link {
|
|
color: var(--colors-link);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.link.underline {
|
|
background-image: linear-gradient(var(--colors-linkUnderline), var(--colors-linkUnderline));
|
|
background-position: 0% 100%;
|
|
background-repeat: no-repeat;
|
|
background-size: 0% 2px;
|
|
padding-bottom: 3px;
|
|
}
|
|
|
|
.link.underline:hover,
|
|
.link.underline:focus-visible {
|
|
background-size: 100% 2px;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
.link.underline {
|
|
transition: background-size var(--transitions-linkHover);
|
|
}
|
|
}
|