[Susy2] Debugging grid image

公開日: 2014/08/02
更新日: 2018/11/14

デバッグ用のグリッドイメージを表示する。

[markdown]
Global Settings の [Debug](http://susydocs.oddbird.net/en/latest/settings/#debug) に追加する。

“`css
$susy: (
debug: (
image: show,
color: blue,
output: overlay,
toggle: top right,
),
);
“`

こんな書き方も。

“`css
@include container(show overlay);
“`

> * [sass – Undefined mixin susy-grid-background in susy 2 – Stack Overflow](http://stackoverflow.com/questions/24304669/undefined-mixin-susy-grid-background-in-susy-2)

`show` `overlay` オプションでは、右上のアイコンにマウスオーバーすると下記のような表示となります。

[/markdown]