LESSを使ってみたよ

CoffeeScriptJavaScriptを生成してるならLESSでCSSを生成してもいいじゃない、ってことでLESSも使ってみたのです。LESSと言ってもページャの方じゃないよ。

var

@font-color: #ccc;
@back-color: #000;
body {
  background-color: @back-color;
  color: @font-color;
}

Nested Selector

header {
  p {
    background-color: transparent;
    color: #000;
  }
}

Mix-in border-radius

.border-radius (@tl, @tr, @br, @bl) {
  border-radius: @tl @tr @br @bl;
  -moz-border-radius: @tl @tr @br @bl;
  -webkit-border-radius: @tl @tr @br @bl;
}
div {
  .border-radius(10px, 0px, 0px, 10px);
}


工夫すれば簡単に書けたり、コード量が減ったりするかも。
ネストしてセレクタが書けるのは理解しやすいかなーと思った。