From a287d11246cc0c18a9bf4435bddffc9e163e64fd Mon Sep 17 00:00:00 2001
From: meleu <meleu.dev@gmail.com>
Date: Mon, 04 Apr 2022 01:12:55 +0000
Subject: [PATCH] add a collapsible ToC
---
assets/styles/base.scss | 42 ++++++++++++++++++++++++++++++++++++++++++
1 files changed, 42 insertions(+), 0 deletions(-)
diff --git a/assets/styles/base.scss b/assets/styles/base.scss
index 630ab3d..38c1f53 100644
--- a/assets/styles/base.scss
+++ b/assets/styles/base.scss
@@ -23,6 +23,23 @@
padding: revert;
}
+.mainTOC {
+ background: var(--lightgray);
+ border-radius: 8px;
+ padding: 0.8em;
+}
+
+.mainTOC details summary {
+ cursor: zoom-in;
+ font-family: Inter;
+ color: var(--dark);
+ font-weight: 700;
+}
+
+.mainTOC details[open] summary {
+ cursor: zoom-out;
+}
+
#TableOfContents > ol {
counter-reset: section;
margin-left: 0em;
@@ -112,6 +129,10 @@
gap: 1.5em;
justify-content: center;
+ .disabled {
+ opacity: 0.2;
+ }
+
& > li {
text-align: center;
display: inline-block;
@@ -181,8 +202,17 @@
padding: 0 0.1em;
margin: auto -0.1em;
border-radius: 3px;
+
+ &.broken {
+ opacity: 0.5;
+ background-color: transparent;
+ }
}
}
+
+ & p {
+ overflow-wrap: anywhere;
+ }
}
.backlinks a {
@@ -512,3 +542,15 @@
user-select: none;
}
}
+
+#contact_buttons ul {
+ list-style-type: none;
+
+ li {
+ display: inline-block;
+ }
+
+ li a {
+ padding: 0 1em;
+ }
+}
--
Gitblit v1.10.0