よく使うcompass記述

よく使うcompass記述

◯角丸指定
@include border-radius(0 0 4px 4px);

◯背景色 縦グラデーション
@include background-image(linear-gradient(top, #292929, #666666));
@include filter-gradient(#292929, #666666, vertical);

◯ボックスシャドウ
@include box-shadow(#040000 2px 2px 10px);
@include box-shadow( 0px 1px 5px rgba(0, 0, 0, 0.3));

◯ボックスサイジング
@include box-sizing(border-box);

◯半透明
@include opacity(0.5);

◯変形
@include transition(0.5s);

◯回転
@include rotate(15deg);

◯はみ出たテキストを省略
※同時にwidthで表示幅を設定
@include ellipsis(no-wrap);