From 9bbb7bca8f675b991759b225b5cc50410cb2d7bb Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Sat, 20 Apr 2024 06:04:37 +0800
Subject: [PATCH] Set custom property for paragraph margin

---
 src/assets/css/main.css | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 92fd52fe..d49954d6 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -33,6 +33,8 @@
     --clr-main-footer-bg: #13092D;
 
     --ff-primary: 'Noto Sans';
+
+    --ms-paragraph-margin: 1.15em;
 }
 
 /* ------------------- */
@@ -197,7 +199,7 @@ blockquote {
 }
 
 blockquote > * + :not([class]) {
-    margin-top: 1.15em;
+    margin-top: var(--ms-paragraph-margin);
 }
 
 button:hover {
@@ -290,7 +292,7 @@ main {
 .content > * + :not([class]),
 .content__section > * + :not([class]),
 .article > * + :not([class]) {
-    margin-top: 1.15em;
+    margin-top: var(--ms-paragraph-margin);
 }
 
 .sidebar--sticky {
@@ -355,6 +357,10 @@ main {
     display: block;
 }
 
+:not(.heading-wrapper) +.heading-wrapper {
+    margin-top: 1.7em;
+}
+
 /* SPECIAL ELEMENTS */
 .inline-code {
     font-family: monospace;
@@ -432,6 +438,10 @@ main {
 }
 
 /* Spoiler Accordion */
+* + .spoiler-accordion {
+    margin-top: var(--ms-paragraph-margin);
+}
+
 .spoiler-accordion {
     padding: 0.5em 0;
 }
@@ -441,7 +451,11 @@ main {
 }
 
 .spoiler-accordion__spoiler {
-    padding: 0 1rem;
+    padding: 0.5em 1em;
+}
+
+.spoiler-accordion__spoiler p + p {
+    margin-top: 1em;
 }
 
 /* Web button lists */