Fix ol list numbers >9 getting cut off on mobile

mcecode · mcecode · commit dc25e59a0dad · 2025-12-19T15:37:44.000+08:00
diff --git a/src/styles/article.scss b/src/styles/article.scss
@@ -14,13 +14,12 @@ article {
 	}
 
 	ul > li {
+		margin-left: v-size(4, "em");
 		list-style-type: circle;
 	}
 	ol > li {
-		list-style-type: decimal;
-	}
-	li {
-		margin-left: v-size(4, "em");
+		margin-left: v-size(8, "em");
+		list-style-type: decimal-leading-zero;
 	}
 
 	a:has(picture),

Original file line number	Diff line number	Diff line change
`@@ -14,13 +14,12 @@ article {`
`14`	`14`	`}`
`15`	`15`
`16`	`16`	`ul > li {`
	`17`	`+ margin-left: v-size(4, "em");`
`17`	`18`	`list-style-type: circle;`
`18`	`19`	`}`
`19`	`20`	`ol > li {`
`20`		`- list-style-type: decimal;`
`21`		`- }`
`22`		`- li {`
`23`		`- margin-left: v-size(4, "em");`
	`21`	`+ margin-left: v-size(8, "em");`
	`22`	`+ list-style-type: decimal-leading-zero;`
`24`	`23`	`}`
`25`	`24`
`26`	`25`	`a:has(picture),`