Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra ante enim, cursus fringilla metus hendrerit non.
Use class .List for a basic list without decoration.
<!-- Ordered list -->
<ul class="List">
<li>Lorem ipsum dolor sit amet</li>
<li>Consectetur adipiscing elit</li>
<li>Curabitur viverra ante enim</li>
</ul>
<!-- Definition list -->
<dl class="List">
<dt>Lorem ipsum:</dt>
<dd>dolor sit amet</dd>
<dt>Lorem ipsum:</dt>
<dd>dolor sit amet</dd>
</dl>
Use class .List--inline to generate a list inline without gutter between list items.
<ul class="List List--inline">
<li>Lorem ipsum 1</li>
<li>Lorem ipsum 2</li>
<li>Lorem ipsum 3</li>
</ul>
Use class .List and .List--ordered to generate a numbered list.
<ol class="List List--ordered">
<li>Lorem ipsum</li>
<li>Lorem ipsum</li>
<li>Lorem ipsum</li>
</ol>
Use class .List and .List--bullet to add bullets to the list.
<ul class="List List--bullet">
<li>Lorem ipsum</li>
<li>Lorem ipsum</li>
<li>Lorem ipsum</li>
</ul>