jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2026-07-01 00:25:57 -04:00
Code Issues Activity

move more junk out of index.css and into components

Browse Source
This commit is contained in:
Jake Jarvis
2022-01-22 18:52:29 -05:00
parent f62c057f5d
commit 0343aa9be4
19 changed files with 371 additions and 352 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/Content/Content.module.css
+22
View File
@@ -3,6 +3,28 @@
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;