Thomasorus Design System

Unordered List 

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

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

<code>List with role="list"</code>
<ul role="list">
    <li>Hello</li>
    <li>Hello</li>
    <li>Hello</li>
    <li>Hello</li>
</ul>
 
/* No context defined. */
  • Content: 
    ul {
    padding-left:2em;
}

ul:not([role="list"]) li {
    padding-left: 0.75em;
}

ul li::marker{
    font-size: var(--base-font-size);
}

ul li::marker{
    color:var(--border);
}

ul[role="list"] {
    padding:0;
    margin:0;
}
  • URL: /components/raw/unordered-list/unordered-list.demo.css
  • Filesystem Path: src/components/inline-elements/unordered-list/unordered-list.demo.css
  • Size: 233 Bytes
  • Handle: @unordered-list
  • Preview:
  • Filesystem Path: src/components/inline-elements/unordered-list/unordered-list.hbs

No notes defined.