Use scroll-margin to offset links when the navigation is sticky

73a09f25 · Jonathan Neal · 57c890d2 · 73a09f25
Commit 73a09f25 authored 5 years ago by Jonathan Neal
Hide whitespace changes
Inline Side-by-side

Showing

with 2 additions and 16 deletions
+2 -16
--- a/website/pages/style.css
+++ b/website/pages/style.css
@@ -99,22 +99,8 @@
 }

 /* Permalink adjustment for sticky nav */
-.g-content {
-  & h1,
-  & h2,
-  & h3,
-  & h4,
-  & h5,
-  & h6,
-  & li {
-    position: relative;
-
-    & .__target-h,
-    & .__target-lic {
-      position: absolute;
-      top: -75px;
-    }
-  }
+.g-subnav ~ * :target {
+  scroll-margin-top: calc(64px + 0.5em);
 }

 /* Web Fonts */