University of Leeds Design System v1.0.19

Unordered List

No notes defined.

<ul class="uol-typography-ul">
{% for item in items %}
    <li class="uol-typography-ul__item">{{ item.content | safe }}</li>
{% endfor %}
</ul>
 
<ul class="uol-typography-ul">

    <li class="uol-typography-ul__item">Cras Mollis Elit Vehicula</li>

    <li class="uol-typography-ul__item">Risus Purus Consectetur</li>

    <li class="uol-typography-ul__item">Consectetur Egestas Purus Tristique</li>

    <li class="uol-typography-ul__item">Amet Parturient Risus Euismod</li>

    <li class="uol-typography-ul__item">Vestibulum Malesuada Euismod Egestas</li>

</ul>
  • Content: 
    .uol-typography-ul {
  @extend %text-size-paragraph;

  padding-left: 2em;

  .uol-typography-ul__item {
    margin-bottom: 0.6em;
  }
}
  • URL: /components/raw/uol-typography-ul/_unordered-list.scss
  • Filesystem Path: src/library/01-foundations/01-typography/03-typography-components/03-lists/unordered-list/_unordered-list.scss
  • Size: 138 Bytes
  • Handle: @uol-typography-ul
  • Preview:
  • Filesystem Path: src/library/01-foundations/01-typography/03-typography-components/03-lists/unordered-list/unordered-list.njk 
{
  "items": [
    {
      "content": "Cras Mollis Elit Vehicula"
    },
    {
      "content": "Risus Purus Consectetur"
    },
    {
      "content": "Consectetur Egestas Purus Tristique"
    },
    {
      "content": "Amet Parturient Risus Euismod"
    },
    {
      "content": "Vestibulum Malesuada Euismod Egestas"
    }
  ]
}