soltycabbage/BeamQuest — pull request #94 by karihei (2014-03-22 10:31:29+00:00)
Title: sass/compassの導入

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の機能については [本家](http://sass-lang.com/guide)を参考にしてください。