1. ズルい線

border: 0px solid transparent;
@include zurui-line-bottom(.1, .5);

height: 160px;
@include zurui-line-all(.1, .5);

2. ズルいtext-shadow

ズルい！
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

background-color: #ffc300;
color: #000000;
@include zurui-text-shadow-000(.2);

background-color: #3d3d3d;
color: #ffffff;
@include zurui-text-shadow-fff(.2);

3. ズルいグラデーション

height: 160px;
@include zurui-gradient-top-lighten(#222222, 10%);

height: 160px;
@include zurui-gradient-top-darken(#48b1f2, 10%);

5. ズルい角丸

旅行記の新規投稿：写真のアップロード

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

background-color: #ffffff;
@include zurui-border-radius(6px);
@include zurui-box-shadow;

border: 1px solid darken(#ffc300, 5%);
color: #ffffff;
@include zurui-text-shadow-000(.1);
@include zurui-border-radius(4px);
@include zurui-gradient-top-lighten(#fbac01, 20%);

6. ズルいbox-shadow

height: 160px;
background-color: #ffffff;
@include zurui-border-radius(4px);
@include zurui-box-shadow;

紹介報酬 50万円

background-color: #4b69b8;
color: #ffffff;
@include zurui-box-inner(20px);

height: 160px;
background-color: #ffffff;
@include zurui-border-radius(4px);
@include zurui-box-deboss(.1, .1, .1);

height: 160px;
background-color: #ffffff;
@include zurui-border-radius(4px);
@include zurui-box-emboss(.1, .1, .1);

7. ズルいボタン

display: block;
@include zurui-text-shadow-000(.4);
@include zurui-gradient-top-lighten(#48b1f2, 10%);
@include zurui-border-radius(4px);
@include zurui-box-emboss(.2, .1, .3);
color: rgba(255, 255, 255, .9);
text-align: center;
padding: 10px 30px;
font-size: 16px;
line-height: 1em;
font-weight: bold;

/* &:hover */
@include zurui-gradient-top-lighten(#48b1f2, 15%);
color: rgba(255, 255, 255, 1);