List
Unstyled inline or blocked lists.
Where is it?
The List object is located in 5-Objects/_objects.list.scss.
Elements
The List Object has 1 element that can be repeated as many times as needed:
o-list__item
Usage
<div class="o-list">
<div class="o-list__item">Item</div>
<div class="o-list__item">Item</div>
<div class="o-list__item">Item</div>
<div class="o-list__item">Item</div>
<div class="o-list__item">Item</div>
<div class="o-list__item">Item</div>
</div>
Item
Item
Item
Item
Item
Item
Display modifiers
Use display modifiers to modify the display property of each element.
Usage
.o-list--block
Item
Item
Item
Item
Item
Item