Lists Stable

Lists are structured presentations of related content and can be used for simple text or links.

Bullet list

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  • Duis aute irure dolor in reprehenderit in voluptate velit esse
<ul class="list list--bullet">
    <li class="list__item">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</li>
    <li class="list__item">Duis aute irure dolor in reprehenderit in voluptate velit esse</li>
</ul>

Numbered list

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  • Duis aute irure dolor in reprehenderit in voluptate velit esse
  • sunt in culpa qui officia deserunt mollit anim id est laborum
<ul class="list list--numbered">
    <li class="list__item">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</li>
    <li class="list__item">Duis aute irure dolor in reprehenderit in voluptate velit esse</li>
    <li class="list__item">sunt in culpa qui officia deserunt mollit anim id est laborum</li>
</ul>
<ul class="link list--link">
    <li class="list__item">
        <a href="#" class="list__link icon-link-intern ">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</a>
    </li>
    <li class="list__item">
        <a href="#" class="list__link icon-link-intern ">Duis aute irure dolor in reprehenderit in voluptate velit esse</a>
    </li>
    <li class="list__item">
        <a href="#" class="list__link icon-link-intern ">sunt in culpa qui officia deserunt mollit anim id est laborum</a>
    </li>
</ul>