Lists
‹ BackIf you have a spot where lists need to look like lists, you can do so by either adding the content-lists
to the wrapper, or the same class directly on the ul/ol
:
- Lorem
- ipsum
- dolor
- Lorem
- ipsum
- dolor
- sit
- amet
- sit
- amet
- Lorem
- ipsum
- dolor
- Lorem
- ipsum
- dolor
- sit
- amet
- sit
- amet
<div class="content-lists"> <ul> <li>Lorem </li> <li>ipsum </li> <li>dolor <ul> <li>Lorem </li> <li>ipsum </li> <li>dolor </li> <li>sit </li> <li>amet</li> </ul> </li> <li>sit </li> <li>amet</li> </ul> <ol> <li>Lorem </li> <li>ipsum </li> <li>dolor <ul> <li>Lorem </li> <li>ipsum </li> <li>dolor </li> <li>sit </li> <li>amet</li> </ul> </li> <li>sit </li> <li>amet</li> </ol> </div>
content-lists
also supports a few type
attributes on lists:
- Lorem
- ipsum
- dolor
- sit
- amet
- Lorem
- ipsum
- dolor
- sit
- amet
- Lorem
- ipsum
- dolor
- sit
- amet
- Lorem
- ipsum
- dolor
- sit
- amet
- Lorem
- ipsum
- dolor
- sit
- amet
<div class="content-lists"> <ol type="a"> <li>Lorem </li> <li>ipsum </li> <li>dolor</li> <li>sit </li> <li>amet</li> </ol> <ol type="aup"> <li>Lorem </li> <li>ipsum </li> <li>dolor</li> <li>sit </li> <li>amet</li> </ol> <ol type="i"> <li>Lorem </li> <li>ipsum </li> <li>dolor</li> <li>sit </li> <li>amet</li> </ol> <ol type="iup"> <li>Lorem </li> <li>ipsum </li> <li>dolor</li> <li>sit </li> <li>amet</li> </ol> <ul type="1"> <li>Lorem </li> <li>ipsum </li> <li>dolor</li> <li>sit </li> <li>amet</li> </ul> </div>