From d1c1664a386abcfded41491c95348ec2f37fa59a Mon Sep 17 00:00:00 2001
From: Eugene Orlov <jaskon97@gmail.com>
Date: Tue, 6 Jun 2023 17:25:52 +0200
Subject: [PATCH] [site] fix: anchor offset

when navigating through an anchor
---
 site/.eleventy.js   |  2 +-
 site/src/styles.css | 14 ++++++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/site/.eleventy.js b/site/.eleventy.js
index 60400746..4dcd9a36 100644
--- a/site/.eleventy.js
+++ b/site/.eleventy.js
@@ -50,7 +50,7 @@ function getMarkdownLib() {
 		.use(markdownItAnchor, {
 			permalink: markdownItAnchor.permalink.linkInsideHeader({
 				placement: 'before',
-				class: '',
+				class: 'header-anchor',
 				symbol: '',
 			}),
 		})
diff --git a/site/src/styles.css b/site/src/styles.css
index 569914e1..2b77dae8 100644
--- a/site/src/styles.css
+++ b/site/src/styles.css
@@ -193,3 +193,17 @@
 .token.space:before {
 	color: #3c526d;
 }
+
+.header-anchor {
+	pointer-events: none;
+}
+.header-anchor::before {
+	content: '';
+	display: block;
+	height: 75px;
+	margin-top: -75px;
+	visibility: hidden;
+}
+.header-anchor:focus-visible {
+	outline: none;
+}