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

goto_jp 281views 更新:2014年6月18日

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;

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

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません