Sassの計算式で「マイナス -」を使う時の注意点（あと割り算も）

Less & Sass Advent calendar 2011が進行中ですが、さすがに誰もネタにしそうにない所でちょいハマりしたのでメモ。 Sassはプロパティの値の部分で計算式を使うことができます。 例えばこんなかんじです。 //scss .hoge{ width:50px+20px; } //css .hoge{ width:70px; } 掛け算も出来たり便利なのですが、 あんまり使わないかもしれない引き算、つまりマイナスを使う時は 少しだけ注意が必要です。 //scss .hoge{ width:50px-20px; } //css .hoge{ width: 50px -20px; //そのままでちゃう } このようにそのまま出てしまいます。 マイナスを使うときだけ、マイナスの前後を半角スペースで エスケープしてあげると、この問題は解決します。 //scss .hoge{ wi

[kool_kreate]

演算では半角をあけてマイナスに注意