やるしかなっちゃん

やるしかない!

lessのcalcで異なる単位同士の計算をすると値がおかしくなる

題名の通りのlessのcalcにとんでもない落とし穴があって今日見事にハマってしまった。
下のように%とpxの計算を書く。

width: calc(100% - 90px);

これをCSSコンパイルすると100% - 90%になる(;´Д`)(;´Д`)

width: calc(10%);

どうやらコレは有名な不具合らしく解決策としては以下のようにエスケープすれば良いらしい。

width: calc(~"100% - 90px");