mdx: Adjust list bullet types, etc. by depth of list (#1382)

* mdx: Adjust list bullet types, etc. by depth of list * Update mdcontainer.scss
loculus-project · Mar 18, 2024 · 2d52f9d · 2d52f9d
1 parent 6262443
commit 2d52f9d
Showing 1 changed file with 31 additions and 4 deletions.
diff --git 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;
+}