Less & Sass Advent calendar 2011の14日目です。LESSにextendを実装したので紹介。 LESSはSassに比べて機能が少ないです。その中でもよくLESSにはextendがないのが困るというのを聞くので実装してみました。 SassのextendについてはAdvent Calendarでも後ほど誰かが紹介してくれると思いますが、こんな感じです。 Sassの@extendでCSSとHTMLをシンプルに - あと味 LESS版はこんな感じで書けます。 .foo { width: 100px; } .bar { +.foo; /* この + ってのがSassでいうところの @extend */ } これをコンパイルするとこうなります。 .foo, .bar { width: 100px; } いいですね。よく使いそうなのがclearfix的なやつだと思います。