sass/compassの導入

[karihei]

sassを導入します。

これ以降スタイルをいじる時はpublic/scss以下のファイルを編集してください。
public/css/以下のCSSファイルは直接編集しないでください。
scssをコンパイルすることでpublic/css以下にファイルが配置もしくは上書きされます。
% grunt compass を叩くとsassのコンパイルが行われます。
% grunt watch を叩くとscssファイルの変更を監視して随時コンパイルしてくれるようになります。

scssの記法はcssと互換性があるので、そのままcssっぽく書いてもらってOKです。
scssでは以下の様なネスト記法が使えます。

.hoge {
   .hoge-child {
       width: 10px;
   }
}

その他sassの機能については 本家を参考にしてください。