sass - コンパス ブループリント グリッドを表示

Question

コンパス ブループリント グリッドを表示してそのレイアウトを確認することはできますか。

これが私が達成したいサンプルです:

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

Answer 1

+showgridまたは、(元の SASS 構文で) showgrid mixin を含めます。

#my-container
  +showgrid

ただし、特定のグリッド フレーバーのイメージを生成する必要があります。

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

Answer 2

クラス showgrid をコンテナに追加するだけです

そのページの要素を調べて showgrid クラスを削除すると、それが消えることがわかります