From 2913bb7729d28d1eb3239912031857cc96badfbb Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Thu, 18 Jul 2024 10:46:50 +0800
Subject: [PATCH] Add custom CSS property for content list gap

---
 src/assets/css/content.css | 4 ++--
 src/assets/css/global.css  | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/assets/css/content.css b/src/assets/css/content.css
index 3db56466..61ce398c 100644
--- a/src/assets/css/content.css
+++ b/src/assets/css/content.css
@@ -31,11 +31,11 @@ content-wrapper,
 
 .content ul:not([class]), .content ol:not([class]) {
     display: grid;
-    gap: 0.7em;
+    gap: var(--sz-content-list-gap);
 }
 
 .content ul ul, .content ol ol,
-.content ul ol, .content ol ul { margin-top: 0.7em; }
+.content ul ol, .content ol ul { margin-top: var(--sz-content-list-gap); }
 
 .sidebar--sticky {
     position: sticky;
diff --git a/src/assets/css/global.css b/src/assets/css/global.css
index 413da4b9..80c764f9 100644
--- a/src/assets/css/global.css
+++ b/src/assets/css/global.css
@@ -48,6 +48,7 @@
     --sz-main-padding: clamp(1rem, 5%, 4rem);
     --sz-navbar-ht: 4rem;
     --sz-external-link: 1.25em;
+    --sz-content-list-gap: 0.7em;
 }
 
 /* ------------------- */