From 66e7438de2599a99762516bec14e6e762fa3dbec Mon Sep 17 00:00:00 2001
From: Alex Tavarez <admin@sukaato.moe>
Date: Fri, 22 May 2026 13:42:37 -0400
Subject: [PATCH] did some sizing and margin adjustments--added bg to footnotes
 of single post pages

---
 themes/sukaato/assets/css/base/_site.sass | 47 ++++++++++++++++++++---
 1 file changed, 42 insertions(+), 5 deletions(-)

diff --git a/themes/sukaato/assets/css/base/_site.sass b/themes/sukaato/assets/css/base/_site.sass
index 6d32ff2..bb46db5 100644
--- a/themes/sukaato/assets/css/base/_site.sass
+++ b/themes/sukaato/assets/css/base/_site.sass
@@ -109,8 +109,12 @@ body
                 & > p
                     color: c.$fg
                     font-family: postContent
-                    font-size: clamp(10pt,1.4vw, 18pt)
+                    font-size: clamp(11pt,1.2vw, 16pt)
                     margin: 2% 0
+
+                    &::after
+                        content: " [  . . .  ]"
+                        color: c.$accent
                 
                 & > h2
                     // color: c.$state
@@ -146,14 +150,14 @@ body
     & #content
         margin: 0 10%
         font-family: postContent
-        font-size: clamp(12pt, 1.8vw, 18pt)
+        font-size: clamp(12pt, 1.1vw, 16pt)
 
         & img
             filter: saturate(0) contrast(1.75)
 
         & > img, & > p > img
             margin: 2% auto
-            max-width: 75%
+            max-width: 50%
             height: auto
             display: block
             border-top: 12px
@@ -206,9 +210,36 @@ body
                     font-size: clamp(9pt, 1.5vw, 14pt)
                     text-align: justify
 
+        & .footnotes
+            font-size: clamp(9pt, 1vw, 12pt)
+            max-height: 33vh
+            overflow-y: scroll
+            background: no-repeat url("images/snek.svg") 33% center c.$fg
+            border-bottom-left-radius: 5%
+            border-bottom-right-radius: 5%
+            margin-top: 10%
+
+            & ol
+                padding-left: 5%
+
+            & li
+                padding: 0 5%
+                margin: 5% 5% 5% 0
+                border-radius: 3%
+                background-color: c.$state
+                color: c.$bg
+                text-shadow: 0 0 4px c.$bg
+                opacity: 85%
+
+                &::marker
+                    color: c.$accent
+
+        & h1, & h2, & h3, & h4, & h6
+            color: c.$state
+
     & h1:first-child
         text-align: center
-        font-size: clamp(16pt, 24pt, 32pt)
+        font-size: clamp(24pt, 2vw, 72pt)
         color: c.$accent
         font-weight: bold
 
@@ -266,7 +297,7 @@ body
             overflow-y: scroll
 
     & > img
-        max-width: 100%
+        width: 100%
         filter: saturate(0) contrast(1.75)
 
 #categories.expo
@@ -295,6 +326,7 @@ body
             display: initial
             text-shadow: 2px 2px 5px c.$bg
             font-family: pageFont
+            backdrop-filter: blur(3px)
 
 .page.tag
     & > h1
@@ -346,6 +378,11 @@ body
     // & .tag.content
     //     visibility: collapse
 
+#home
+    & img
+        max-width: 100%
+        margin: 0 auto
+
 footer
     border-top: 1px solid c.$state
     margin-top: 1rem