<!-- 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">あのイーハトーヴォのすきとおった風。</li>
  <li class="unit-list__item  unit-text">あのイーハトーヴォのすきとおった風。
    <ol class="unit-list">
      <li class="unit-list__item  unit-text">あのイーハトーヴォのすきとおった風。</li>
      <li class="unit-list__item  unit-text">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。</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">あのイーハトーヴォのすきとおった風。</li>
  <li class="unit-list__item  unit-text">あのイーハトーヴォのすきとおった風。
    <ol class="unit-list  {{modifier_class}}">
      <li class="unit-list__item  unit-text">あのイーハトーヴォのすきとおった風。</li>
      <li class="unit-list__item  unit-text">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。</li>
    </ol>
  </li>
</ol>

<!-- un ordered list -->
<ul class="unit-list  unit-list--marker-circle">
  <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">あのイーハトーヴォのすきとおった風。</li>
  <li class="unit-list__item  {{modifier_class}}  unit-text" data-unit-list-item-marker="弐">あのイーハトーヴォのすきとおった風。</li>
  <li class="unit-list__item  unit-text">あのイーハトーヴォのすきとおった風。</li>
</ol>