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



    A collection of utility classes to aid image useage

    responsive image


    This should be considered a default class which is applied to all images unless you specifically want it to be a fixed size. It forces an image to fit it's parent conteiner while still maintaining the correct aspect ratio.

    responsive image (full bleed)


    This can be used an as alternative to .img-responsive except it enforces 100% width, even if that size is larger than the native dimensions of the image. This can cause some pixellation.

    rounded image


    Applies rounded corners to an image.

    circle image


    Applies a circular shape to an image. When using this class you must apply it to an image with a 1:1 ratio (perfectly square) otherwise it will not be circular.