Stylus ではまった点
CSS プリプロセッサというと Sass と Less の2強という感じですが Stylus もおすすめですよ。
Stylus は文法も覚えやすく1日もあれば使いこなせますが2点だけはまったのでメモ。
割り算をするときはかっこでくくる
margin (500px / 3)
font プロパティや border-radius プロパティなどは CSS でも /
を使うプロパティがあるのでそれと区別をつけるためでしょう。
calc() 関数の中の変数は展開されないので % 演算子でフォーマットする
container-margin = 500px margin 'calc(%s / 3)' % container-margin
Bug when using CSS calc function · Issue #687 · LearnBoost/stylus · GitHub
ここに書いてありました。