ローカルで作ってる時に $ jekyll --auto --serverでやってると、lessをcssにコンパイルするタイミングが難しい。lesscをwatch的なことしてcssに変換してそれをjekyellの--autoが拾って変換ってなるとややタイムラグが発生してちょっと微妙だった。ので--aut…

// less .foo { display: none; } .bar { .foo; color: red; } これだと .foo { display: none; } .bar { display: none; color: red; } こうなる。でも.fooがmixin用で定義したやつの場合は残したくない場合もある。そういうときは()つければOK。 // less .…

いいのがなくて前に適当に書いたけど、TwitterのBootstarpみたらWatchrっての使ってた。 https://github.com/twitter/bootstrap/blob/master/Makefile watch: echo "Watching less files..."; \ watchr -e "watch('less/.*\.less') { system 'make' }"で $ m…

ここのコードを見て気づいたかと思いますが、LESSの場合にはパーセンテージにするために、100をかけたり、パーセント単位をつけるための記述が必要ですが、Sassにはpercentage()という関数が用意されているので、今回のようなケースでは非常に楽に使うことが…

Less & Sass Advent calendar 2011の14日目です。LESSにextendを実装したので紹介。LESSはSassに比べて機能が少ないです。その中でもよくLESSにはextendがないのが困るというのを聞くので実装してみました。SassのextendについてはAdvent Calendarでも後ほど…