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

contents:


    ribbons

    ribbons are used to visually distinguish or "call out" items in a list. One example use case would be to highlight that a particular list item has a special status. They should only be used inside paragraphs or as standalone <span>

    inline

    ribbons work fine inline because they take up the same space as regular paragraph text.

    default

    ribbon

    <span class="ribbon">ribbon</span>

    feature

    feature

    <span class="ribbon ribbon--feature">feature</span>

    example usage

    • free gift

      Proactively envisioned multimedia based expertise and cross-media growth strategies.