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.