mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-26 19:28:27 -04:00
29 lines
564 B
CSS
29 lines
564 B
CSS
.link {
|
|
color: var(--colors-link);
|
|
text-decoration: none;
|
|
|
|
/* fancy underline */
|
|
background-image: linear-gradient(var(--colors-link-underline), var(--colors-link-underline));
|
|
background-position: 0% 100%;
|
|
background-repeat: no-repeat;
|
|
background-size: 0% 2px;
|
|
transition: background-size 0.2s ease-in-out;
|
|
padding-bottom: 3px;
|
|
}
|
|
|
|
.link:hover,
|
|
.link:focus-visible {
|
|
background-size: 100% 2px;
|
|
}
|
|
|
|
.link.plain {
|
|
background: none;
|
|
transition: none;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.link {
|
|
transition: none !important;
|
|
}
|
|
}
|