From 12b4d74fc2bb42d7861b530f5b42c9abbeaa7c86 Mon Sep 17 00:00:00 2001
From: torque <torque@users.noreply.github.com>
Date: Sat, 8 Apr 2023 15:17:36 -0700
Subject: [PATCH] documentation: tweak the style a bit

There are a few additional things worth fixing here I think but it's
probably better to actually write the documentation first.
---
 documentation/style.css | 27 ++++++++++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

diff --git a/documentation/style.css b/documentation/style.css
index d23cf96..7c85832 100644
--- a/documentation/style.css
+++ b/documentation/style.css
@@ -145,6 +145,18 @@ body .layout .doc .doc-padding {
     max-width: 100%;
 }
 
+body .layout .doc .doc-padding::after {
+    bottom: -40vh;
+    color: var(--gray-1);
+    content: 'THIS OVERSCROLL INTENTIONALLY LEFT BLANK';
+    display: block;
+    font-size: 30px;
+    font-weight: bold;
+    position: relative;
+    text-align: center;
+    width: 100%;
+}
+
 body .layout .doc section {
     display: grid;
     grid-template-columns: minmax(var(--description-min-width), var(--description-max-width)) minmax(var(--example-min-width), 1fr);
@@ -163,6 +175,18 @@ body .layout .doc section .header {
 /*    border-bottom: 1px solid var(--border-color);*/
 }
 
+body .layout .doc section .header::before {
+    content: "#";
+    display: inline-block;
+    visibility: hidden;
+    margin-right: 0.3em;
+    color: var(--gray-3);
+}
+
+body .layout .doc section .header:hover::before {
+    visibility: visible;
+}
+
 body .layout .doc section .description {
     grid-column-start: description;
     grid-column-end: description;
@@ -267,7 +291,8 @@ body .layout .doc section .example .code-markup .line {
         margin: auto;
     }
 
-    body .layout .doc section .example .codebox {
+    body .layout .doc section .example .codebox,
+    body .layout:has(> .sidebar #destroyer-of-navs:checked) .doc section .example .codebox {
         max-width: 100vw;
     }
 }