menu
書いてる野郎
orebike@gmail.com
DokuWiki/CSS の記述に LESS を使う
DokuWiki/CSS の記述に LESS を使う
実はもうすでに(2016-04-06現在最新)導入されていて、普通に LESS 記法を使うことができる
LESS 記法が使える事による問題
calc の記述がうまくいかない
比較的新しめの CSS の便利な記法としてサイズ計算等ができる calc という機能がある、この機能は便利なのだが、LESS でコンパイルされる際におかしくなってしまう
このように記述すると
width: calc(100% - 300px);
LESS が先に計算してしまって、このように出力される。これでは意図と違う
width: calc(-200%);
これは CSS の機能として機能させたいのでそのためには LESS のコンパイルを抑止する必要がある。 このように書くと抑止され意図通りにそのまま出力され、計算はブラウザ側で行われる。
width: ~"calc(100% - 300px)";
