fix scroll offsets (again)

2026-07-30 11:45:21 -04:00 · 2022-01-01 09:03:20 -05:00
parent 76d494cd32
commit e8bbcb1eb1
1 changed files with 15 additions and 5 deletions
@@ -128,9 +128,6 @@ code {
 h2,
 h3,
 h4 {
-  // offset (approximately) with sticky header so jumped-to content isn't hiding behind it
-  scroll-margin-top: 4em;
-
  &:hover {
    .h-anchor {
      opacity: 1;
@@ -138,11 +135,24 @@ h4 {
  }
 }

+// offset (approximately) with sticky header so jumped-to content isn't hiding behind it
+h2 {
+  scroll-margin-top: 4em;
+}
+
+h3,
+h4 {
+  scroll-margin-top: 5em;
+}
+
@media screen and (max-width: 768px) {
-  h2,
+  h2 {
+    scroll-margin-top: 5em;
+  }
+
  h3,
  h4 {
-    scroll-margin-top: 5em;
+    scroll-margin-top: 6em;
  }
 }