Lists (Bulleted & Expanding)

.list-overstated

Adding .list-overstated to a ul will render the list with bullet icons and bold hyperlinks.


.list-understated

Adding .list-understated to a ul will render the list with bullet icons and normal weighted hyperlinks.


.list-standout

Adding .list-standout to a ul will render the list with large inward pointing arrows.


List as Accordion

Accordion lists can be toggled open and close by clicking the toggle link. Add .accordion-list to a ul to create the accordion list. Add .toggle to the a tag. Finally, wrap the content to be toggled open and closed in a .description div.

NOTE: You can use .accordion-list in conjunction with any list style provided you add the .toggle link and .description markup.