Style ul/ol in markdown

GaiwanTeam · Sep 9, 2024 · 9788e3a · 9788e3a
1 parent 5608f9c
commit 9788e3a
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 0 deletions.
diff --git a/resources/public/css/styles.css b/resources/public/css/styles.css
@@ -150,6 +150,30 @@ body {
   margin-top: var(--size-1);
 }
 
+ul {
+  padding-top: var(--size-2);
+  padding-bottom: var(--size-2);
+}
+
+ul li {
+  padding-top: var(--size-1);
+  padding-bottom: var(--size-1);
+  list-style-type: disc;
+  list-style-position: inside;
+}
+
+ol {
+  padding-top: var(--size-2);
+  padding-bottom: var(--size-2);
+}
+
+ol li {
+  padding-top: var(--size-1);
+  padding-bottom: var(--size-1);
+  list-style-type: decimal;
+  list-style-position: inside;
+}
+
 .graphics-compass_logo path {
   fill: var(--hoc-pink);
 }

diff --git a/src/co/gaiwan/compass/css/styles.clj b/src/co/gaiwan/compass/css/styles.clj
@@ -30,4 +30,7 @@
     [:h4 {:margin-top t/--size-2
           :margin-bottom t/--size-1}]
     [:h5 {:margin-top t/--size-1}]]
+
+   [:ul :py-2 [:li :py-1 :list-disc :list-inside]]
+   [:ol :py-2 [:li :py-1 :list-decimal :list-inside]]
    ])