結局は、LESSを使うことにしました。
SCSSやSASSもちょっと検討したんですが、rubyのインストールが必要だったので今回は、LESSを使うことにしました。
LESSは、javaScriptでページ表示時にリアルタイムにコンパイルしてCSSが使えるという点が気に入ったので選択しました(コンパイルすることでCSSを出力して使うこともできます)。
良い所
スタイルの入れ子があると何回も何回も同じことを書かないとダメですが、LESSは入れ子構造を簡単に表現できるのですごく便利(ソースが読みやすくなる)です。関数や変数なども定義できます。
悪い所
何かの拍子にコンパイルされないことがあるみたい(自分の環境がだめ?)。致命的ですが、頻発するときは、コンパイルしてCSSを出力してそれを使うようにすれば良いと思います。
サイトはこちら
{less}http://lesscss.org/