Lists

Basic list styling, using BEM notation.


<ul class="List">
	<li>List item</li>
	<li>List item</li>
</ul>

Bullets

<ul class="List List--disc">
	<li>List item</li>
	<li>List item</li>
</ul>

Inline

<ul class="List List--inline">
	<li>List item</li>
	<li>List item</li>
</ul>

Small bold

A slightly smaller and bolder list with no link underlines.

<ul class="List List--small-bold">
	<li><a href="#">List item</a></li>
	<li><a href="#">List item</a></li>
</ul>

Padding

Adds default padding around the list items for larger click areas.

<ul class="List List--padding">
	<li><a href="#">List item</a></li>
	<li><a href="#">List item</a></li>
</ul>