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

IMUZA.com

Joomla!によるウェブ制作, PHP, Javascript, CSS

はてなブログ

はてなブログ テーマ制作
・とことこ with Menubar
・Simple Responsive with Menubar
・Mobile-First Responsive
・Hyperspace

Joomla!

Joomla! によるウェブ制作
・テンプレート自作
・モジュール自作
・Joomla!でサイト構築

Web Tips

ウェブサイトづくりに役立つかも
・Javascript
・CSS

Windows, Linux

Windows10
Plamo Linux

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

Web Tips

たとえば、

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 に移行したようですので、そろそろ何にするか見直す時期でしょうか。