mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-26 14:08:29 -04:00
26 lines
579 B
CSS
26 lines
579 B
CSS
.link {
|
|
color: var(--colors-link);
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* fancy underline effect on hover */
|
|
.link:not(.plain) {
|
|
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:not(.plain):hover,
|
|
.link:not(.plain):focus-visible {
|
|
background-size: 100% 2px;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.link:not(.plain) {
|
|
transition: none !important;
|
|
}
|
|
}
|