Unordered List

Using our custom unordered list class, you can effortlessly achieve a simple and clean design for your list elements. To apply this custom styling, just add the ".null-unordered-list" class to your <ul> tag in your HTML markup. 

  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste, similique!
  • Lorem ipsum, dolor sit amet consectetur adipisicing elit. Excepturi, atque.
  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illo?
HTML |
<ul class="null-unordered-list">
    <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste, similique!</li>
    <li>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Excepturi, atque.</li>
    <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, illo?</li>
</ul><!--End null-unordered-list -->

Do you need a nested unordered list? The class will apply a reduced opacity and adjust the bullet size to be slightly smaller.

  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus, dignissimos.
    • Lorem ipsum dolor sit amet.
    • Lorem ipsum dolor sit amet.
    • Lorem ipsum dolor sit amet.
  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus, dignissimos.
  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus, dignissimos.
HTML |
<ul class="null-unordered-list">
    <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus, dignissimos.</li>

    <ul>
            <li>Lorem ipsum dolor sit amet.</li>
            <li>Lorem ipsum dolor sit amet.</li>
            <li>Lorem ipsum dolor sit amet.</li>
    </ul>

    <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus, dignissimos.</li>
    <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus, dignissimos.</li>
</ul><!--End null-unordered-list -->