fix: proper ul/ol numbering in nested lists

aviskase · Dec 13, 2023 · d9f6628 · d9f6628
1 parent f428ae3
commit d9f6628
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/assets/css/site.css b/assets/css/site.css
@@ -320,8 +320,8 @@ article ul {
     margin-bottom: 2.4rem;
 }
 
+
 article ol > li {
-    counter-increment: counts;
     display: table;
 }
 
@@ -331,13 +331,19 @@ article ul > li {
 
 
 article ol > li:before {
-    content: counters(counts, '.') '.';
+    counter-increment: counts;
+    content: counter(counts)'. ';
     font-weight: bolder;
     color: theme(colors.blue.500);
     display: table-cell;
     padding-right: 1.5rem;
 }
 
+
+article ol ol > li:before {
+    content: counters(counts, '.') '.';
+}
+
 article li ol li:last-child, article li ol, article li ul li:last-child, article li ul {
     margin: 0;
 }

diff --git a/content/articles/1992/1992-01-01-elements/index.md b/content/articles/1992/1992-01-01-elements/index.md
@@ -99,6 +99,9 @@ Unordered:
 - List item
 - List item
 
+Next list:
+1. List item
+2. List item
 
 ---
 
@@ -111,6 +114,9 @@ With _some_ lists and [link A](https://google.com) and [link B](../test):
 
 - a
 - b
+
+1. a
+2. b
 {{< /warning >}}
 
 {{< note >}}