Compass(Sass):標準mixinを使いこなそう

Compassにはmixinで作らずとも標準で利用できるmixinが存在します。

ベンダープレフィックスを付けて複数書かなければならないプロパティを簡単に書けるものが多いです。

@include border-radius(0px 0px 0px 0px);
@include box-sizing(border-box);
@include box-shadow(0 0 0 rgba(#000,.5));
@include opacity(.5);

またclearfixなど特殊な手法のスタイルも一発で出力してくれるものもあります。

@include clearfix;
@include ellipsis;

コーディングが快適・高速になるので利用してみてください。