この記事は賞味期限切れです。(更新から1年が経過しています) Less & Sass Advent calendar 2011 の15日目です! 今日はLessにおけるMixInの活用法について書いてみようと思います。 LessのMixinについて LessにおけるMixinというのは、簡単に言うと関数のようなもので、 どこかで宣言しておけば、セレクタの中で呼び出すことが出来、 結果としてその中身がセレクタ内に展開されます。 ごちゃごちゃとわかりづらいので、公式の例を拝借します。 .rounded-corners (@radius: 5px) { border-radius: @radius; -webkit-border-radius: @radius; -moz-border-radius: @radius; } こんな感じに宣言しておきます。()の中身は引数と初期値です。 セレクタ内
![LessにおけるMixin活用法 - Mach3.laBlog](https://cdn-ak-scissors.b.st-hatena.com/image/square/4f306ab58f580c4d68c4680aab882225a71778e6/height=288;version=1;width=512/https%3A%2F%2Flh4.googleusercontent.com%2F-sCFbH4aDvWI%2FTubnZSOUsZI%2FAAAAAAAABa4%2F4EOC8L9YsbY%2Fs400%2F20111215.png)