Orange list

Orange list

Bullet points

Simply add o-square-list class to the root element of a list (<ul>). Maximum elements depth is 3.

  • first
    • 1.1
      • 1.1.1
      • 1.1.2
    • 1.2
  • second
  • third
  • fourth
<ul class="o-square-list">
    <li>
        <span>first</span>
        <ul>
            <li>
                <span>1.1</span>
                <ul>
                    <li><span>1.1.1</span></li>
                    <li><span>1.1.2</span></li>
                </ul>
            </li>
            <li>
                <span>1.2</span>
            </li>
        </ul>
    </li>
    <li>
        <span>second</span>
    </li>
    <li>
        <span>third</span>
    </li>
    <li>
        <span>fourth</span>
    </li>
</ul>