From 6827d48e390f4a1486f5d8d498276915ae3a5242 Mon Sep 17 00:00:00 2001
From: Craig Osterhout <103533812+craig-osterhout@users.noreply.github.com>
Date: Fri, 21 Feb 2025 08:06:46 -0800
Subject: [PATCH] style: update nested ol (#22057)

<!--Delete sections as needed -->

## Description

Update style for nested ordered lists to use numbers, then letters, then
roman numerals.

Example:

https://deploy-preview-22057--docsdocker.netlify.app/contribute/components/lists/
https://docs.docker.com/contribute/components/lists/


![image](https://github.com/user-attachments/assets/bdcaf793-e970-402a-8e8a-3c18d5554584)

## Related issues or tickets

<!-- Related issues, pull requests, or Jira tickets -->

## Reviews


- [ ] Editorial review

Signed-off-by: Craig <craig.osterhout@docker.com>
---
 assets/css/lists.css  | 12 ++++++++++++
 assets/css/styles.css |  1 +
 2 files changed, 13 insertions(+)
 create mode 100644 assets/css/lists.css

diff --git a/assets/css/lists.css b/assets/css/lists.css
new file mode 100644
index 00000000000..249f71f4f2a
--- /dev/null
+++ b/assets/css/lists.css
@@ -0,0 +1,12 @@
+.prose ol {
+    list-style-type: decimal;
+}
+
+.prose ol ol {
+    list-style-type: lower-alpha;
+}
+
+.prose ol ol ol {
+    list-style-type: lower-roman;
+}
+
diff --git a/assets/css/styles.css b/assets/css/styles.css
index ce3b62ba9cb..377c07bcc22 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -13,3 +13,4 @@
 @import "/assets/css/syntax-light";
 @import "/assets/css/syntax-dark";
 @import "/assets/css/icons";
+@import "/assets/css/lists";