CSS拡張メタ言語 LESS で calc が使えない件(解決)

CSS拡張メタ言語 LESS で calc が使えない件(解決)

01LESS で calc を使う方法

LESS で calc を使おうと、たとえば、

height: calc(100vh – 80px);

として、コンパイルしますと、

height: calc(20vh);

となってしまいます。

ググりましたら答がありました。

css3 – Disable LESS-CSS Overwriting calc() – Stack Overflow

height: ~”calc(100vh – 80px)”;

とすれば、

height: calc(100vh – 80px);

と、希望通りにコンパイルしてくれます。

Sass はどうなんでしょう? Bootstrap も Sass に移行したようですので、そろそろ何にするか見直す時期でしょうか。