0.46.0
Changelog
Typography

Lists

Variations of the unordered and ordered HTML lists used within the University of Adelaide website.

Unordered lists

Default unordered list.

  • Perspiciatis unde omnis iste
  • Voluptatem accusantium doloremque
  • Aperiam totem natus
    • Accusantium doloremque omnis
    • Iste Perspiciatis omnis
  • Totem natus omnis
    • Accusantium doloremque omnis
    • Iste perspiciatis omnis
      • Accusantium doloremque omnis
      • Iste Perspiciatis omnis
  • Voluptatem accusantium doloremque
  • Accusantium doloremque omnis
<ul>
  <li>Perspiciatis unde omnis iste</li>
  <li>Voluptatem accusantium doloremque</li>
  <li>Aperiam totem natus
    <ul>
      <li>Accusantium doloremque omnis</li>
      <li>Iste Perspiciatis omnis</li>
    </ul>
  </li>
  <li>Totem natus omnis
    <ul>
      <li>Accusantium doloremque omnis</li>
      <li>Iste perspiciatis omnis
        <ul>
          <li>Accusantium doloremque omnis</li>
          <li>Iste Perspiciatis omnis</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>Voluptatem accusantium doloremque</li>
  <li>Accusantium doloremque omnis</li>
</ul>

Ordered lists

Default ordered list.

  1. Perspiciatis unde omnis iste
  2. Voluptatem accusantium doloremque
  3. Aperiam totem natus
    1. Accusantium doloremque omnis
    2. Iste Perspiciatis omnis
  4. Totem natus omnis
    1. Accusantium doloremque omnis
    2. Iste perspiciatis omnis
      1. Accusantium doloremque omnis
      2. Iste Perspiciatis omnis
  5. Voluptatem accusantium doloremque
  6. Accusantium doloremque omnis
.c-full-index
Numbered ordered list where nested lists use decimal index numbers.
  1. Perspiciatis unde omnis iste
  2. Voluptatem accusantium doloremque
  3. Aperiam totem natus
    1. Accusantium doloremque omnis
    2. Iste Perspiciatis omnis
  4. Totem natus omnis
    1. Accusantium doloremque omnis
    2. Iste perspiciatis omnis
      1. Accusantium doloremque omnis
      2. Iste Perspiciatis omnis
  5. Voluptatem accusantium doloremque
  6. Accusantium doloremque omnis
<ol class="[modifier class]">
  <li>Perspiciatis unde omnis iste</li>
  <li>Voluptatem accusantium doloremque</li>
  <li>Aperiam totem natus
    <ol>
      <li>Accusantium doloremque omnis</li>
      <li>Iste Perspiciatis omnis</li>
    </ol>
  </li>
  <li>Totem natus omnis
    <ol>
      <li>Accusantium doloremque omnis</li>
      <li>Iste perspiciatis omnis
        <ol>
          <li>Accusantium doloremque omnis</li>
          <li>Iste Perspiciatis omnis</li>
        </ol>
      </li>
    </ol>
  </li>
  <li>Voluptatem accusantium doloremque</li>
  <li>Accusantium doloremque omnis</li>
</ol>

© The University of Adelaide