[Susy2] Debugging grid image

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

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

Global Settings の Debug に追加する。

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

こんな書き方も。

  @include container(show overlay);

sass – Undefined mixin susy-grid-background in susy 2 – Stack Overflow

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