Search code examples
sasscompass-sass

Show compass blueprint grid


Is it possible to show compass blueprint grid to see its layout.

Here is the sample that I want to achieve:

http://www.blueprintcss.org/tests/parts/grid.html


Solution

  • Alternatively, include the showgrid mixin (+showgrid in the original SASS syntax):

    #my-container
      +showgrid
    

    You do, however, need to generate the image for your particular grid flavor:

    $ compass grid-img W+GxH [path/to/grid.png]
    # Where:
    # 
    # W = Width of 1 column in pixels.
    # G = Width of 1 gutter in pixels.
    # H = Height of the typographic baseline in pixels.