Support ol tags in docs (#356)

* Style ordered lists * Compile Assets --------- Co-authored-by: timacdonald <[email protected]>
laravel · Aug 28, 2024 · f3c6ec0 · f3c6ec0
1 parent 627ca99
commit f3c6ec0
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 12 deletions.
diff --git a/public/build/assets/app-d2613379.css b/public/build/assets/app-d2613379.css
diff --git a/public/build/assets/app-eb4ae65d.css b/public/build/assets/app-eb4ae65d.css
diff --git a/public/build/manifest.json b/public/build/manifest.json
@@ -1,6 +1,6 @@
 {
   "resources/css/app.css": {
-    "file": "assets/app-eb4ae65d.css",
+    "file": "assets/app-d2613379.css",
     "isEntry": true,
     "src": "resources/css/app.css"
   },

diff --git a/resources/css/_docs.css b/resources/css/_docs.css
@@ -106,7 +106,10 @@
         }
     }
 
-    ul:not(:first-of-type), .content-list ul {
+    ul:not(:first-of-type),
+    .content-list ul,
+    ol {
+        counter-reset: ordered-list;
         list-style-type: none;
         margin: 0 0 2.5em 0; padding: 0;
 
@@ -126,17 +129,31 @@
             code {
                 font-size: .875em;
             }
-
-            &::before {
-                content: "";
-                position: absolute;
-                top: .40em; left: 0;
-                width: 9px; height: 10px;
-                background: url(/img/icons/ul_marker.min.svg) no-repeat center;
-                background-size: contain;
-            }
         }
     }
+
+    ul:not(:first-of-type) li::before,
+    .content-list ul li::before {
+        content: "";
+        position: absolute;
+        top: .40em;
+        left: 0;
+        width: 9px;
+        height: 10px;
+        background: url(/img/icons/ul_marker.min.svg) no-repeat center;
+        background-size: contain;
+    }
+
+    ol li::before {
+        font-variant-numeric: tabular-nums;
+        position: absolute;
+        top: 0; 
+        left: 0;
+        counter-increment: ordered-list;
+        content: counter(ordered-list) ". ";
+        background-image: none;
+        color: #FF2D20;
+    }
 }
 
 .docs_main h1 + ul {