<!--
  Copyright IBM Corp. 2016, 2018

  This source code is licensed under the Apache-2.0 license found in the
  LICENSE file in the root directory of this source tree.
-->

<ol class="{{@root.prefix}}--list--ordered">
  <li class="{{@root.prefix}}--list__item"> Ordered List level 1
    <ul class="{{@root.prefix}}--list--unordered {{@root.prefix}}--list--nested">
      <li class="{{@root.prefix}}--list__item"> Unordered List level 2</li>
      <li class="{{@root.prefix}}--list__item"> Unordered List level 2
        <ol class="{{@root.prefix}}--list--ordered {{@root.prefix}}--list--nested">
          <li class="{{@root.prefix}}--list__item"> Ordered List level 3</li>
          <li class="{{@root.prefix}}--list__item"> Ordered List level 3
            <ul class="{{@root.prefix}}--list--unordered {{@root.prefix}}--list--nested">
              <li class="{{@root.prefix}}--list__item"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
                venenatis
                aliquet odio ut viverra. Integer sollicitudin sed mi a finibus. Etiam massa ipsum, suscipit vitae nisl
                ut, semper euismod ante.</li>
              <li class="{{@root.prefix}}--list__item"> Unordered List level 4</li>
              <li class="{{@root.prefix}}--list__item"> Unordered List level 4</li>
            </ul>
          </li>
          <li class="{{@root.prefix}}--list__item"> Ordered List level 3</li>
        </ol>
      </li>
      <li class="{{@root.prefix}}--list__item"> Unordered List level 2</li>
    </ul>
  </li>
  <li class="{{@root.prefix}}--list__item">Ordered List level 1</li>
  <li class="{{@root.prefix}}--list__item">Ordered List level 1</li>
</ol>
<br>
<ul class="{{@root.prefix}}--list--unordered">
  <li class="{{@root.prefix}}--list__item">Unordered List level 1
    <ol class="{{@root.prefix}}--list--ordered {{@root.prefix}}--list--nested">
      <li class="{{@root.prefix}}--list__item">Ordered List level 2</li>
      <li class="{{@root.prefix}}--list__item">Ordered
        List level 2
        <ul class="{{@root.prefix}}--list--unordered {{@root.prefix}}--list--nested">
          <li class="{{@root.prefix}}--list__item"> Unordered List level 3</li>
          <li class="{{@root.prefix}}--list__item"> Unordered List level 3
            <ol class="{{@root.prefix}}--list--ordered {{@root.prefix}}--list--nested">
              <li class="{{@root.prefix}}--list__item"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
                venenatis
                aliquet odio ut viverra. Integer sollicitudin sed mi a finibus. Etiam massa ipsum, suscipit vitae nisl
                ut, semper euismod ante.</li>
              <li class="{{@root.prefix}}--list__item"> Ordered List level 4</li>
              <li class="{{@root.prefix}}--list__item"> Ordered List level 4</li>
            </ol>
          </li>
          <li class="{{@root.prefix}}--list__item"> Unordered List level 3</li>
        </ul>
      </li>
      <li class="{{@root.prefix}}--list__item">Ordered List level 2</li>
    </ol>
  </li>
  <li class="{{@root.prefix}}--list__item">Unordered List level 1</li>
  <li class="{{@root.prefix}}--list__item">Unordered List level 1</li>
</ul>
