From 2d52f9de61a4b24202419c289950216ed891d75d Mon Sep 17 00:00:00 2001
From: Theo Sanderson <theo@sndrsn.co.uk>
Date: Mon, 18 Mar 2024 14:54:58 +0000
Subject: [PATCH] mdx: Adjust list bullet types, etc. by depth of list (#1382)

* mdx: Adjust list bullet types, etc. by depth of list

* Update mdcontainer.scss
---
 website/src/styles/mdcontainer.scss | 35 +++++++++++++++++++++++++----
 1 file changed, 31 insertions(+), 4 deletions(-)

diff --git a/website/src/styles/mdcontainer.scss b/website/src/styles/mdcontainer.scss
index 93de7b2fc..a7422831a 100644
--- a/website/src/styles/mdcontainer.scss
+++ b/website/src/styles/mdcontainer.scss
@@ -31,12 +31,39 @@
 .mdContainer ol li {
   @apply ml-4 my-1;
 }
+/* Level 1 - Direct children of .mdContainer */
+.mdContainer > ul {
+  list-style-type: disc;
+  margin: 8px 0;
+  padding-left: 0;
+}
 
-.mdContainer ul {
-  @apply list-disc list-inside my-2;
+.mdContainer > ul > li {
+  margin-left: 16px;
+  margin-top: 4px;
+  margin-bottom: 4px;
 }
 
-.mdContainer ul li {
-  @apply ml-4 my-1;
+/* Level 2 - UL nested within LI of the first level UL */
+.mdContainer > ul > li > ul {
+  list-style-type: circle;
+  margin: 8px 0;
+}
+
+.mdContainer > ul > li > ul > li {
+  margin-left: 32px;
+  margin-top: 4px;
+  margin-bottom: 4px;
 }
 
+/* Level 3 - UL nested within LI of the second level UL */
+.mdContainer > ul > li > ul > li > ul {
+  list-style-type: square;
+  margin: 8px 0;
+}
+
+.mdContainer > ul > li > ul > li > ul > li {
+  margin-left: 48px;
+  margin-top: 4px;
+  margin-bottom: 4px;
+}