Getting Started
Layout
Components
Design
Ordered List
Create an ordered list of items with auto increment. Null JS provides four types:
- Square ordered list :(default)
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
<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)
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
<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 :
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
<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 :
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel, laborum.
<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-->