fix scroll

viperML · Jul 6, 2024 · 4634bf0 · 4634bf0
1 parent 732c401
commit 4634bf0
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/src/styles/base.css b/src/styles/base.css
@@ -64,3 +64,11 @@ hr {
     background-color: red;
     margin: 2rem 3rem;
 }
+
+/* [id]::before {
+  content: '';
+  display: block;
+  height:      75px;
+  margin-top: -75px;
+  visibility: hidden;
+} */
diff --git a/src/styles/main.less b/src/styles/main.less
@@ -29,4 +29,15 @@ main {
     ol {
         padding-left: 1.5rem;
     }
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+        // Offset anchor links
+        // https://perishablepress.com/margin-offset-anchor-targets/
+        scroll-margin-top: 50px;
+    }
 }