Lists
Unordered
- list item
- list item
-
list item
- list item
-
list item
- list item
- list item
- list item
ul
li list item
li list item
li
| list item
ul
li list item
li
| list item
ul
li list item
li list item
li
| list item
<ul>
<li>
list item
</li>
<li>
list item
</li>
<li>
list item
<ul>
<li>
list item
</li>
<li>
list item
<ul>
<li>
list item
</li>
<li>
list item
</li>
</ul>
</li>
</ul>
</li>
<li>
list item
</li>
</ul>Ordered
- list item
- list item
-
list item
- list item
-
list item
- list item
- list item
- list item
ol
li list item
li list item
li
| list item
ol
li list item
li
| list item
ol
li list item
li list item
li
| list item
<ol>
<li>
list item
</li>
<li>
list item
</li>
<li>
list item
<ol>
<li>
list item
</li>
<li>
list item
<ol>
<li>
list item
</li>
<li>
list item
</li>
</ol>
</li>
</ol>
</li>
<li>
list item
</li>
</ol>Unstyled
Use .-unstyled class to remove the default list-style and left padding on list items. This only applies to immediate children list items, meaning you will need to add the class for any nested lists as well.
- list item
- list item
-
list item
- list item
- list item
ul.-unstyled
li list item
li list item
li
| list item
ul
li list item
li list item
<ul class="-unstyled">
<li>
list item
</li>
<li>
list item
</li>
<li>
list item
<ul>
<li>
list item
</li>
<li>
list item
</li>
</ul>
</li>
</ul>Inline lists
Use .-inline class in a ul element to make a linear list.
- list item
- list item
- list item
ul.-inline
li list item
li list item
li list item
<ul class="-inline">
<li>
list item
</li>
<li>
list item
</li>
<li>
list item
</li>
</ul>