Pistachio the front end framework and pattern library for graze.com

contents:


    icons

    Loader

    A general loading animation which can be used for any action that is waiting for a response to an in-page (ajax) request.

    <span class="icon-loader"></span>

    Font awesome icons

    These are the font awesome icons that we use which cover most requirements. A full list can be found at the font awesome site but care should be taken to avoid using slightly different icons for the same function. Consistency is important.

    Never use an icon on it's own without either providing some visible text that explains the meaning. At the very least you should provide some text for assistive devices or a tooltip

    .fa-arrow-circle-o-up

    .fa-arrow-circle-o-down

    .fa-arrow-up

    .fa-arrow-down

    .fa-chevron-left

    .fa-chevron-right

    .fa-caret-up

    .fa-caret-down

    .fa-angle-up

    .fa-angle-down

    .fa-search

    .fa-user

    .fa-search-plus

    .fa-minus

    .fa-plus

    .fa-sign-out

    .fa-thumb-tack

    .fa-plane

    .fa-print

    .fa-envelope-o

    .fa-history

    .fa-repeat

    .fa-gift

    .fa-random

    .fa-cog

    .fa-edit

    .fa-close

    .fa-info-circle

    .fa-question-circle

    .fa-warning

    .fa-exclamation-circle

    .fa-tag

    .fa-check-circle

    .fa-facebook-square

    .fa-twitter-square

    .fa-tumblr-square

    .fa-instagram

    .fa-linkedin-square

    .fa-code