sass - 显示指南针蓝图网格

Question

是否可以显示指南针蓝图网格以查看其布局。

这是我想要实现的示例：

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

Answer 1

只需将类 showgrid 添加到您的容器中

如果您检查该页面上的元素并删除 showgrid 类，您会看到它消失

Answer 2

或者，包括 showgrid mixin（+showgrid在原始 SASS 语法中）：

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