hanuman6
6/28/2013 - 2:14 PM

Compassいろいろ

Compassいろいろ

//インラインブロック
@include inline-block;

//クリアフィックス
@include clearfix;

//テキストシャドウ(繰り返し)
@include text-shadow-repeat(0 0 2px rgba(255, 255, 255, 1),15);

//トランスフォーム
@include transition-property(all);
@include transition-duration(200ms);
@include transition-timing-function(linear);

//フロート
@include float($hoge);

//角丸
@include border-radius($px);

//ボックスサイズ
box-sizing($content-box or $border-box)

//ボックスシャドウ(内側)
@include box-shadow(rgba(0, 0, 0, 0.2) 0 0 10px 2px inset);

//リンクカラー
@include link-colors(red, blue, black, white, white);

//画像の幅と高さを取得
width : image-width($image);
height : image-height($image)

//改行
@include nowrap;
@include force-wrap;

//透過
@include opacity(0.5);