演算子

「+」や「*」といった演算子が使えます。

// 演算子を使う。
// 変数の参照時と同じく「=」を使う点のみ注意。
.foo
  width = 10px + 10px
  height = 10px - 5px

.var
  width = 10px * 10
  height = 10px / 5
  font-size = 10px % 2

変換結果です。

.foo {
  width: 20px;
  height: 5px;
}

.var {
  width: 100px;
  height: 2px;
  font-size: 0px;
}

色の演算もできたり。

.foo
  color = #112233 + #111111
  background-color = #112233 / 2

変換結果です。

.foo {
  color: #223344;
  background-color: #081119;
}

グラデーションを機械的に作りたいときに便利そうですな。