<code>Normal list</code>
<ol>
    <li>Hello</li>
    <li>Hello</li>
    <li>Hello</li>
    <li>Hello</li>
</ol>

<code>List with role="list"</code>
<ol role="list">
    <li>Hello</li>
    <li>Hello</li>
    <li>Hello</li>
    <li>Hello</li>
</ol>
<code>Normal list</code>
<ol>
    <li>Hello</li>
    <li>Hello</li>
    <li>Hello</li>
    <li>Hello</li>
</ol>

<code>List with role="list"</code>
<ol role="list">
    <li>Hello</li>
    <li>Hello</li>
    <li>Hello</li>
    <li>Hello</li>
</ol>
/* No context defined. */
  • Content:
    ol {
        padding-left:2em;
    }
    
    ol:not([role="list"]) li {
        padding-left: 1em;
    }
    
    ol li::marker{
        font-size: var(--base-font-size);
        font-weight: 500;
    }
    ol li::marker{
        color:var(--border);
    }
    
    ol[role="list"] {
        padding:0;
        margin:0;
    }
  • URL: /components/raw/ordered-list/ordered-list.demo.css
  • Filesystem Path: src/components/inline-elements/ordered-list/ordered-list.demo.css
  • Size: 251 Bytes
  • Handle: @ordered-list
  • Preview:
  • Filesystem Path: src/components/inline-elements/ordered-list/ordered-list.hbs

No notes defined.