Use d-ls-reset to reset the margin, padding, and list-style-type of a list. Reseting a list applies to the parent ol or ul, any child li elements, and any child ol or ul elements.
<ulclass="d-ls-reset"><li>An unordered list item</li><li>
An unordered list item
<ol><li>A nested ordered list item</li><li>A nested ordered list item</li></ol></li><li>An unordered list item</li><li>
An unordered list item
<ul><li>A nested unordered list item</li><li>A nested unordered list item</li></ul></li></ul>
Use d-lst-{none|disc|circle|decimal|content|none} to change a list item's bullet styling.
<dt-stackgap="100"><p>Paragraph of text.</p><ulclass="d-pis-200"><liclass="d-lst-disc"><strong>disc</strong> list item</li><liclass="d-lst-circle"><strong>circle</strong> list item</li><liclass="d-lst-decimal"><strong>decimal</strong> list item</li><liclass="d-lst-content"style="--ls-content:'🫠'"><strong>content</strong> list item</li><liclass="d-lst-none"><strong>none</strong> list item</li></ul><p>Paragraph of text.</p><ulclass="d-pis-200"><liclass="d-lst-disc">
An unordered list item
<ulclass="d-pis-200"><liclass="d-lst-circle">A nested unordered list item</li><liclass="d-lst-circle">A nested unordered list item</li></ul></li><liclass="d-lst-disc">
An unordered list item
<ulclass="d-pis-200"><liclass="d-pis-100 d-lst-content"style="--ls-content:'✅'">A nested unordered list item</li><liclass="d-pis-100 d-lst-content"style="--ls-content:'❌'">A nested unordered list item</li></ul></li></ul></dt-stack>
Use the start attribute for an <ol> to set its starting number.
<dt-stackgap="100"><p>Paragraph of text.</p><olclass="d-pis-300"><liclass="d-lst-decimal">Decimal list item</li><liclass="d-lst-decimal">Decimal list item</li><liclass="d-lst-decimal">Decimal list item</li></ol><p>Paragraph of text. The list below starts at 4.</p><olclass="d-pis-300"start="4"><liclass="d-lst-decimal">Decimal list item</li><liclass="d-lst-decimal">Decimal list item</li><liclass="d-lst-decimal">Decimal list item</li></ol></dt-stack>