Icon font List
Change the default styling of unordered and ordered lists.
Usage
Use the Icon font list to change the default styling of unordered and ordered lists to Icon fonts.
Accessible attributes
| Accessible attribute | Description |
|---|---|
aria-hidden="true" |
When an icon is used for only decorative purposes add this attribute to the icon's tag. |
Modifier selectors
| Modifier selector | Description |
|---|---|
fa-ul |
Remove the default bulleted and unordered list. |
fa-li |
Remove the default list styling on the list item. |
- List icons
- can be used
- as bullets
- in lists
Icon-fonts\font-icon-list.hbs
<ul class="fa-ul">
<li><span class="fa-li fa fa-check-square"></span>List icons</li>
<li><span class="fa-li fa fa-check-square"></span>can be used</li>
<li><span class="fa-li fa fa fa-caret-square-o-down"></span>as bullets</li>
<li><span class="fa-li fa fa-square"></span>in lists</li>
</ul>
Source:
components/_font-icons.scss