Scss Toolkit Sample

Scss Toolkit Railsのサンプルページです。

css3-button

usage:

@include css3-button($button-color);

example:

@each $color in blue, red, yellow {.btn { &.#{$color} { @include css3-button($color); }}}
css3-button(blue) css3-button(red) css3-button(yellow)

text-outline-character

usage:

@include text-outline-character($outline-color, $text-color);

example:

@include text-outline-character(blue, white);

textTEXTテキスト

radius-with-dropshadow

usage:

@include radius-with-dropshadow($radius);

引数なしの場合、デフォルトの6pxが適用される

example:

@include radius-with-dropshadow();

hello

引数ありの場合、引数=角丸の大きさ になる

example:

@include radius-with-dropshadow(20px);

hello2