Ordered List

Create an ordered list of items with auto increment. Null JS provides four types:

- Square ordered list :(default)

  1. Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
  2. Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
  3. Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
  4. Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
  5. Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
HTML |
    <ol class="null-ordered-list">
                
        <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.</li>
        <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.</li>
        <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.</li>
        <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.</li>
        <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.</li>

    </ol><!--End ol-->

- Rounded order list :(using the border radius variable)

  1. Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
  2. Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
  3. Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
  4. Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
  5. Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
HTML |
    <ol class="null-ordered-list null-ordered-list-rounded">
                
        <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.</li>
        <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.</li>
        <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.</li>
        <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.</li>
        <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.</li>

    </ol><!--End ol-->

- Circle order list :

  1. Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
  2. Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
  3. Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
  4. Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
  5. Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
HTML |
    <ol class="null-ordered-list null-ordered-list-circle">
                
        <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.</li>
        <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.</li>
        <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.</li>
        <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.</li>
        <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.</li>
        
    </ol><!--End ol-->

- Hexagon order list :

  1. Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
  2. Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
  3. Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
  4. Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
  5. Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
HTML |
    <ol class="null-ordered-list null-ordered-list-hexagon">
                
        <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.</li>
        <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.</li>
        <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.</li>
        <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.</li>
        <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.</li>

    </ol><!--End ol-->