hack the headings for sticky header so shit doesn't overlap

diff --git a/docs/assets/scss/_content.scss b/docs/assets/scss/_content.scss
index 5af79c689848a8aa4f1af7f499077885a9ea17f3..0764f1034f6525b7a60a9d3e0c6c7c477544e2b7 100644 (file)
--- a/docs/assets/scss/_content.scss
+++ b/docs/assets/scss/_content.scss
@@ -1,4 +1,4 @@
-// scss-lint:disable IdSelector, NestingDepth, SelectorDepth
+// scss-lint:disable IdSelector, NestingDepth, SelectorDepth, QualifyingElement
 
 //
 // Automatically style Markdown-based tables like a Bootstrap `.table`.
@@ -24,6 +24,20 @@
     }
   }
 
+  // Hack the sticky header
+  h2[id],
+  h3[id] {
+    &::before {
+      position: relative;
+      z-index: -1;
+      display: block;
+      height: 6rem;
+      margin-top: -6rem;
+      visibility: hidden;
+      content: "";
+    }
+  }
+
   > table {
     width: 100%;
     max-width: 100%;