Getting Started
Layout
Components
Design
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?
<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.
<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 -->