Listing
Standard object list
Used when the listing is the mains focus on a page
<div class="m-listing">
<ul>
<li><a href="#">...</li>
<li><a href="#">...</li>
</ul>
</div>
Secondary list : sans-serif
Use when the list is secondary (aside) to separate it visually when it is next to a primary sans serif text block
<div class="m-listing listing--sans-serif">
<ul>
<li><a href="#">...</a></li>
<li><a href="#">...</a></li>
</ul>
</div>
Taglist
To be used on ul (and special dl )
<ul class="m-taglist">
<li><a href="#">...</a></li>
<li><a href="#">...</a></li>
</ul>
<dl class="m-taglist">
<dt>...</dt>
<dd>...</dd>
<dd>...</dd>
<dd>...</dd>
</dl>