Iconography

Icons are managed via the icons.less file. The @icons array can be populated with icons. By doing so we engage a LESS mixin to output a class for each given item.

---

For example:

//Icon name to be used in class (to be used in class)
//Icon content value to be appended via the `:before` or `:after` selectors.
@icons: Twitter "\f099", Facebook "\f09a";

---

Now, via our LESS mixin, we have two classes generated: iconTwitter and iconFacebook. I can one of these classes on any element to append an icon via :before or :after. By default the icon will be written to the :before selector. If we wish the icon to be appended via the :after selector instead: we also add a class to the element, iconAfter.