#47 Adds spacing to anchor links when sticky header is true

Signed-off-by: James Hunt <10615884+thetwopct@users.noreply.github.com> Signed-off-by: James Hunt <10615884+thetwopct@users.noreply.github.com>
cncf · May 21, 2024 · 293e026 · 293e026
1 parent dd70ac6
commit 293e026
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
@@ -21,4 +21,5 @@
     {{- template "_internal/google_analytics.html" . -}}
     {{- partial "head/custom-css.html" . }}
     {{- partial "head/custom-head.html" . }}
+    {{- partial "head/sticky-header.html" . }}
 </head>
diff --git a/layouts/partials/head/sticky-header.html b/layouts/partials/head/sticky-header.html
@@ -0,0 +1,13 @@
+{{ if .Site.Params.sticky_header }}
+<style>
+    :target {
+        scroll-margin-top: 80px;
+    }
+
+    @media (min-width: 1000px) {
+        :target {
+            scroll-margin-top: 100px;
+        }
+    }
+</style>
+{{ end }}