mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-27 08:58:30 -04:00
34 lines
858 B
CSS
34 lines
858 B
CSS
.content {
|
|
font-size: 0.9em;
|
|
line-height: 1.7;
|
|
}
|
|
|
|
.content a {
|
|
color: var(--link);
|
|
background-image: linear-gradient(var(--link-underline), var(--link-underline));
|
|
background-position: 0% 100%;
|
|
background-repeat: no-repeat;
|
|
background-size: 0% var(--link-underline-size);
|
|
padding-bottom: var(--link-underline-size);
|
|
/* background-size is for hover animation, color & border are for theme fading: */
|
|
transition: background-size 0.25s ease-in-out, color 0.25s ease, border 0.25s ease;
|
|
}
|
|
|
|
.content a:hover {
|
|
background-size: 100% var(--link-underline-size);
|
|
}
|
|
|
|
/* set an anchor's class to `no-underline` to disable all of the above */
|
|
.content :global(a.no-underline) {
|
|
background: none;
|
|
padding-bottom: 0;
|
|
transition: none;
|
|
}
|
|
|
|
@media screen and (max-width: 768px) {
|
|
.content {
|
|
font-size: 0.925em;
|
|
line-height: 1.85;
|
|
}
|
|
}
|