読者です 読者をやめる 読者になる 読者になる

びったんびったん

ユーザビリティ・プログラミングについて。

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
ここに書いてありました。