<!-- un ordered list -->
<ul class="unit-list">
  <li class="unit-list__item  unit-text">Lorem ipsum dolor sit amet.</li>
  <li class="unit-list__item  unit-text">Lorem ipsum dolor sit amet.
    <ul class="unit-list">
      <li class="unit-list__item  unit-text">Lorem ipsum dolor sit amet.</li>
      <li class="unit-list__item  unit-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
    </ul>
  </li>
</ul>
<!-- ordered list -->
<ol class="unit-list">
  <li class="unit-list__item  unit-text">Lorem ipsum dolor sit amet.</li>
  <li class="unit-list__item  unit-text">Lorem ipsum dolor sit amet.
    <ol class="unit-list">
      <li class="unit-list__item  unit-text">Lorem ipsum dolor sit amet.</li>
      <li class="unit-list__item  unit-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
    </ol>
  </li>
</ol>

<!-- un ordered list -->
<ul class="unit-list  {{modifier_class}}">
  <li class="unit-list__item  unit-text">Lorem ipsum dolor sit amet.</li>
  <li class="unit-list__item  unit-text">Lorem ipsum dolor sit amet.
    <ul class="unit-list  {{modifier_class}}">
      <li class="unit-list__item  unit-text">Lorem ipsum dolor sit amet.</li>
      <li class="unit-list__item  unit-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
    </ul>
  </li>
</ul>
<!-- ordered list -->
<ol class="unit-list  {{modifier_class}}">
  <li class="unit-list__item  unit-text">Lorem ipsum dolor sit amet.</li>
  <li class="unit-list__item  unit-text">Lorem ipsum dolor sit amet.
    <ol class="unit-list  {{modifier_class}}">
      <li class="unit-list__item  unit-text">Lorem ipsum dolor sit amet.</li>
      <li class="unit-list__item  unit-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
    </ol>
  </li>
</ol>

<!-- un ordered list -->
<ul class="unit-list  unit-list--marker-circle-filled">
  <li class="unit-list__item  unit-text">Lorem ipsum dolor sit amet.</li>
  <li class="unit-list__item  {{modifier_class}}  unit-text" data-unit-list-item-marker="▸">Lorem ipsum dolor sit amet.</li>
  <li class="unit-list__item  unit-text">Lorem ipsum dolor sit amet.</li>
</ul>
<!-- ordered list -->
<ol class="unit-list  unit-list--marker-numeric">
  <li class="unit-list__item  unit-text">Lorem ipsum dolor sit amet.</li>
  <li class="unit-list__item  {{modifier_class}}  unit-text" data-unit-list-item-marker="Ⅱ">Lorem ipsum dolor sit amet.</li>
  <li class="unit-list__item  unit-text">Lorem ipsum dolor sit amet.</li>
</ol>