Sass解説 - extend, mixin, function | MONSTER DIVE

Sassを使い始めたとき、ネストや変数などは比較的わかりやすいのですが、今回は"便利なんだけどイマイチどれを使っていいかわからない"、extend、mixin、functionについて比較したいと思います。 Sassにはもちろん色々な便利機能があるので、Sassで何が出来るのだろう？と探してこの記事に来たヒトは、弊社KentaroのSassを使いたくなる！便利機能をまとめてみました。をご覧ください。 ここでは、Sass（SCSS記法）のextend（継承）、mixin（ミックスイン）、function（自作関数）に絞って紹介してみます。 特にextend、mixinは、どちらを使っても変わらない場合もあり、好みがわかれるかもしれませんが、ここは自分ルールで分けているので、ご容赦を。 extend（継承） このextend、mixin、functionの中で、まず最初に紹介されているのがex

[kyotaweb]

Sassのextend, mixin, functionの違いが分かりやすい。