wip: test lettered list

website/src/pages/docs/how-to/generate_seqset.mdx

@@ -1,3 +1,43 @@
+---
+layout: ../../../layouts/DocLayout.astro
+title: 'Approving submissions'
+order: 9
+---
+
 ## Generate SeqSets
 
 Fill this in with tips for your loculus instance.
+
+
+1. Hi
+2. Hello
+<div class="indent"><div class="indent">
+2.1 Goodbye
+
+2.2 Adios
+</div></div>
+3. What
+
+
+
+1. The Association has the following resources at its disposal for the pursuit
+<div class="lettered-list">
+<div class="indent">
+1. donations and grants of all kinds;
+2. subsidies;
+3. income generated from service level agreements.
+</div>
+</div>
+2. The financial year is identical to the calendar year.
+3. Bla
+
+
+<div class="multiLevelNumberedList">
+1. Test
+<div>
+1. Cow
+2. Sheep
+</div>
+2. Test 2
+
+</div>

website/src/styles/mdcontainer.scss

@@ -110,3 +110,27 @@
 .mdContainer tbody tr:nth-child(even) {
   @apply bg-gray-50;
 }
+
+
+.multiLevelNumberedList ol {
+  counter-reset: item;
+  list-style-type: none;
+  padding-left: 0;
+}
+
+.multiLevelNumberedList li {
+  display: block;
+  margin-bottom: 10px;
+}
+
+.multiLevelNumberedList li:before {
+  content: counters(item, ".") " ";
+  counter-increment: item;
+  font-weight: bold;
+}
+
+.multiLevelNumberedList ol ol {
+  padding-left: 20px;
+}
+
+