stripe
縞模様を表現するグラデーションを作成します。
scss
@import 'catpow';
@include stripe(#62969C);
@import 'catpow'; @include stripe(#62969C);
css
background-image: -webkit-linear-gradient(top, #62969C, #62969C 50%, transparent 50.1%, transparent);
background-image: -moz-linear-gradient(top, #62969C, #62969C 50%, transparent 50.1%, transparent);
background-image: -ms-linear-gradient(top, #62969C, #62969C 50%, transparent 50.1%, transparent);
background-image: -o-linear-gradient(top, #62969C, #62969C 50%, transparent 50.1%, transparent);
background-image: linear-gradient(0deg, #62969C, #62969C 50%, transparent 50.1%, transparent);
background-image: -webkit-linear-gradient(top, #62969C, #62969C 50%, transparent 50.1%, transparent); background-image: -moz-linear-gradient(top, #62969C, #62969C 50%, transparent 50.1%, transparent); background-image: -ms-linear-gradient(top, #62969C, #62969C 50%, transparent 50.1%, transparent); background-image: -o-linear-gradient(top, #62969C, #62969C 50%, transparent 50.1%, transparent); background-image: linear-gradient(0deg, #62969C, #62969C 50%, transparent 50.1%, transparent);