From 4874f0440aea304e9b69a9265e78b544196126cc Mon Sep 17 00:00:00 2001
From: dish <pyrox@pyrox.dev>
Date: Tue, 4 Mar 2025 15:31:46 -0500
Subject: [PATCH] update styles

---
 src/static/styles.css | 48 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)

diff --git a/src/static/styles.css b/src/static/styles.css
index bc51079..3b94ced 100644
--- a/src/static/styles.css
+++ b/src/static/styles.css
@@ -75,6 +75,9 @@
     --animate-*: initial;
     --font-sans: "Inter", "ui-sans-serif", "system-ui", "sans-serif";
     --font-serif: "IBM Plex Serif", "ui-serif", "serif";
+    /* CTP overrides --text-base, so we need this custom class for the base text size */
+    --text-default: 1rem;
+    --text-default--line-height: calc(1.5 / 1);
 
     /* Flag Colors */
     --color-trans-blue: #5bcffa;
@@ -131,6 +134,10 @@
         @apply text-blue underline;
     }
 
+    h2 {
+        @apply text-2xl font-sans;
+    }
+
     p {
         @apply mb-6;
     }
@@ -166,10 +173,12 @@
     @apply text-mauve!;
 }
 
+/* Disable <detail> folding on non-folding admonitions */
 @utility no-fold {
     pointer-events: none;
 }
 
+/* Callouts/Admonitions */
 @utility callout {
     @apply outline-1 rounded-sm py-2 pl-2 pr-4 outline-solid overflow-hidden;
     outline-color: --alpha(var(--callout-color) / 50%);
@@ -289,6 +298,45 @@
     }
 }
 
+/* Start Footnotes */
+
+@utility fn {
+    @apply mb-2;
+    p {
+        @apply inline;
+    }
+    [data-editor-file] {
+        @apply inline;
+    }
+}
+
+@utility fn-backref {
+    &::before {
+        @apply inline-block text-blue align-bottom;
+        content: "\F131";
+        font-family: "bootstrap-icons";
+    }
+}
+
+/* End Footnotes */
+
+/* Start ToC */
+
+@utility toc {
+    @apply mt-3 mb-8;
+}
+
+@utility toc-l1 {
+    @apply border-l-2 border-overlay0 pl-2 ml-1 text-xl;
+}
+
+@utility toc-l2 {
+    @apply text-default border-l-2 pl-2 border-surface2 first-of-type:mt-1 last-of-type:mb-1;
+}
+
+/* End ToC */
+
+/* Extra arbitrary styles */
 details.callout .callout-title {
     margin: 0;
     cursor: pointer;
-- 
2.51.2