Add support for ordered lists to the AuContent component

Windvis · Windvis · commit 5338af6ce2fb · 2024-08-07T14:55:11.000+02:00
This adds some basic styles for `&lt;ol&gt;` elements.
diff --git a/styles/components/_c-content.scss b/styles/components/_c-content.scss
@@ -77,7 +77,13 @@ $au-content-tiny: var(--au-small) !default;
     margin-left: $au-unit;
   }
 
-  ul.au-c-list {
+  ol:not(.au-c-list-horizontal) {
+    list-style: decimal;
+    margin-left: $au-unit;
+  }
+
+  ul.au-c-list,
+  ol.au-c-list {
     list-style: none;
     margin-left: 0;
   }
@@ -88,11 +94,13 @@ $au-content-tiny: var(--au-small) !default;
   }
 
   // @TODO: list-horizontal needs to be refactored to the list component.
-  ul:not(.au-c-list-horizontal) li + li {
+  ul:not(.au-c-list-horizontal) li + li,
+  ol:not(.au-c-list-horizontal) li + li {
     margin-top: $au-unit-tiny;
   }
 
-  ul.au-c-list li + li {
+  ul.au-c-list li + li,
+  ol.au-c-list li + li {
     margin-top: 0;
   }
 

Original file line number	Diff line number	Diff line change
`@@ -77,7 +77,13 @@ $au-content-tiny: var(--au-small) !default;`
`77`	`77`	`margin-left: $au-unit;`
`78`	`78`	`}`
`79`	`79`
`80`		`- ul.au-c-list {`
	`80`	`+ ol:not(.au-c-list-horizontal) {`
	`81`	`+ list-style: decimal;`
	`82`	`+ margin-left: $au-unit;`
	`83`	`+ }`
	`84`	`+`
	`85`	`+ ul.au-c-list,`
	`86`	`+ ol.au-c-list {`
`81`	`87`	`list-style: none;`
`82`	`88`	`margin-left: 0;`
`83`	`89`	`}`
`@@ -88,11 +94,13 @@ $au-content-tiny: var(--au-small) !default;`
`88`	`94`	`}`
`89`	`95`
`90`	`96`	`// @TODO: list-horizontal needs to be refactored to the list component.`
`91`		`- ul:not(.au-c-list-horizontal) li + li {`
	`97`	`+ ul:not(.au-c-list-horizontal) li + li,`
	`98`	`+ ol:not(.au-c-list-horizontal) li + li {`
`92`	`99`	`margin-top: $au-unit-tiny;`
`93`	`100`	`}`
`94`	`101`
`95`		`- ul.au-c-list li + li {`
	`102`	`+ ul.au-c-list li + li,`
	`103`	`+ ol.au-c-list li + li {`
`96`	`104`	`margin-top: 0;`
`97`	`105`	`}`
`98`	`106`