jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2026-01-15 08:02:56 -05:00
Code Issues Activity

custom <Image /> wrapper now supports static imports too

Browse Source
This commit is contained in:
Jake Jarvis
2022-01-24 08:57:21 -05:00
parent 5d402bc31b
commit 51ecae3c9b
22 changed files with 289 additions and 355 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
components/Heading/Heading.module.css
View File

@@ -3,8 +3,11 @@
margin-bottom: 0.5em;
line-height: 1.5;
/* offset (approximately) with sticky header so jumped-to content isn't hiding behind it */
scroll-margin-top: 4em;
/**
* offset (approximately) with sticky header so jumped-to content isn't hiding behind it.
* note: use rem so it isn't based on the heading's font size.
*/
scroll-margin-top: 5.5rem;
}
/* special bottom border for <h2>s */
@@ -13,11 +16,6 @@
border-bottom: 1px solid var(--kinda-light);
}
.h3,
.h4 {
scroll-margin-top: 5em;
}
/* sub-heading anchor styles */
.anchor {
margin: 0 0.25em;
@@ -38,12 +36,7 @@
}
@media screen and (max-width: 768px) {
.h2 {
scroll-margin-top: 5em;
}
.h3,
.h4 {
scroll-margin-top: 6em;
.heading {
scroll-margin-top: 6.5rem;
}
}