From 8a24f02782b7f2454ef67d6ece0b62b808175a21 Mon Sep 17 00:00:00 2001
From: "(quasar) nebula" <qznebula@protonmail.com>
Date: Mon, 27 Feb 2023 10:30:12 -0400
Subject: smooth hash link scrolling & anchor scroll offset

---
 src/static/site3.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

(limited to 'src/static/site3.css')

diff --git a/src/static/site3.css b/src/static/site3.css
index cc853b65..22a92f84 100644
--- a/src/static/site3.css
+++ b/src/static/site3.css
@@ -1140,6 +1140,16 @@ html[data-url-key="localized.home"] .carousel-container {
 
 /* Sticky heading */
 
+#content [id] {
+  /* Adjust scroll margin. */
+  scroll-margin-top: calc(
+      74px /* Sticky heading */
+    + 33px /* Sticky subheading */
+    - 1em  /* One line of text (align bottom) */
+    - 4px  /* Padding for hanging letters */
+  );
+}
+
 .content-sticky-heading-container {
   position: sticky;
   top: 0;
-- 
cgit 1.3.0-6-gf8a5


From 7cb7f029625302dcdc185efa7e0539bb09bfcf2b Mon Sep 17 00:00:00 2001
From: "(quasar) nebula" <qznebula@protonmail.com>
Date: Tue, 28 Feb 2023 19:42:07 -0400
Subject: fix summary els not looking right on Safari

---
 src/static/site3.css | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

(limited to 'src/static/site3.css')

diff --git a/src/static/site3.css b/src/static/site3.css
index 22a92f84..9128bd81 100644
--- a/src/static/site3.css
+++ b/src/static/site3.css
@@ -342,14 +342,13 @@ body::before {
 .sidebar > details summary {
   margin-top: 0.5em;
   padding-left: 5px;
-  user-select: none;
 }
 
 .sidebar > details summary .group-name {
   color: var(--primary-color);
 }
 
-.sidebar > details summary:hover {
+.sidebar > details summary > span:hover {
   cursor: pointer;
   text-decoration: underline;
   text-decoration-color: var(--primary-color);
-- 
cgit 1.3.0-6-gf8a5


From 6d8f75dd5873f1427a343971edd0e0ea40b015a5 Mon Sep 17 00:00:00 2001
From: "(quasar) nebula" <qznebula@protonmail.com>
Date: Tue, 28 Feb 2023 19:50:01 -0400
Subject: hash link highlighting & additional skippers

---
 src/static/site3.css | 47 +++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 45 insertions(+), 2 deletions(-)

(limited to 'src/static/site3.css')

diff --git a/src/static/site3.css b/src/static/site3.css
index 9128bd81..c522bc9d 100644
--- a/src/static/site3.css
+++ b/src/static/site3.css
@@ -208,7 +208,19 @@ body::before {
   box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
 }
 
-#skippers > .skipper:not(:last-child)::after {
+#skippers > * {
+  display: inline-block;
+}
+
+#skippers > .skipper-list:not(:last-child)::after {
+  display: inline-block;
+  content: "\00a0";
+  margin-left: 2px;
+  margin-right: -2px;
+  border-left: 1px dotted;
+}
+
+#skippers .skipper-list > .skipper:not(:last-child)::after {
   content: " \00b7 ";
   font-weight: 800;
 }
@@ -1137,6 +1149,37 @@ html[data-url-key="localized.home"] .carousel-container {
   margin-bottom: 0;
 }
 
+/* Custom hash links */
+
+.content-heading {
+  border-bottom: 3px double transparent;
+  margin-bottom: -3px;
+}
+
+.content-heading.highlight-hash-link {
+  animation: highlight-hash-link 4s;
+  animation-delay: 125ms;
+}
+
+/* This animation's name is referenced in JavaScript */
+@keyframes highlight-hash-link {
+  0% {
+    border-bottom-color: transparent;
+  }
+
+  10% {
+    border-bottom-color: white;
+  }
+
+  25% {
+    border-bottom-color: white;
+  }
+
+  100% {
+    border-bottom-color: transparent;
+  }
+}
+
 /* Sticky heading */
 
 #content [id] {
@@ -1145,7 +1188,7 @@ html[data-url-key="localized.home"] .carousel-container {
       74px /* Sticky heading */
     + 33px /* Sticky subheading */
     - 1em  /* One line of text (align bottom) */
-    - 4px  /* Padding for hanging letters */
+    - 12px /* Padding for hanging letters & focus ring */
   );
 }
 
-- 
cgit 1.3.0-6-gf8a5