Unordered List
An unordered contains a list of items in no particular order.
Usage
An unordered list created using the ul tag, and each list item starts with the li tag.
Add the class modifier to an Unordered List and this will style the bullet.
By Default the colour is inherited the same as the text, to Override the colour, see the colour utilities section
- Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit.
- Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit.
- Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit.
- Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit.
lists\list-unordered-styled-bullets.hbs
<ul class="slb-unordered-list">
<li class="slb-unordered-list__item">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit.</li>
<li class="slb-unordered-list__item">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit.</li>
<li class="slb-unordered-list__item">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit.</li>
<li class="slb-unordered-list__item">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit.</li>
</ul>
Source:
components/_lists.scss