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

contents:


    lists

    Styles for lists, including standard utility classes.

    utility lists

    default list

    • Lorem ipsum
    • Aliquam
    • Vestibulum

    .list-inverse

    • Lorem ipsum
    • Aliquam
    • Vestibulum

    .list-unstyled

    • Lorem ipsum
    • Aliquam
    • Vestibulum

    .list-inline

    • Lorem ipsum
    • Aliquam
    • Vestibulum

    ticked lists

    Ticked lists are useful for calling attention to listed information, e.g. reasons to love a product or service, such as health benefits. The default list style is strongly recommended but a branded alternative is available for stylistic purposes.

    default ticked list

    • Lorem ipsum
    • Aliquam
    • Vestibulum
    <ul class="list-ticked">
        <li>Lorem ipsum</li>
        <li>Aliquam</li>
        <li>Vestibulum</li>
    </ul>

    branded ticked list

    • Lorem ipsum
    • Aliquam
    • Vestibulum
    <ul class="list-ticked list-ticked--brand">
        <li>Lorem ipsum</li>
        <li>Aliquam</li>
        <li>Vestibulum</li>
    </ul>