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

contents:


    images

    A collection of utility classes to aid image useage

    responsive image

    .img-responsive

    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)

    .img-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

    .img-rounded

    Applies rounded corners to an image.

    circle image

    .img-circle

    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.