////////////////////////////////////////////
// From Jina Bolton and Eric Meyer -- http://codepen.io/jina/pen/iosjp
@function cs-stripes($position, $colors) {
$colors: if(type-of($colors) != 'list', compact($colors), $colors);
$gradient: ();
$width: 100% / length($colors);
@for $i from 1 through length($colors) {
$pop: nth($colors,$i);
$new: $pop ($width * ($i - 1)), $pop ($width * $i);
$gradient: join($gradient, $new, comma);
}
@return linear-gradient($position, $gradient);
}
////////////////////////////////////////////
// Color tester
@mixin cs-test($colors, $height: 2em, $element: "body:before") {
#{$element} {
content: "";
display: block;
height: $height;
@include background(cs-stripes(left, ($colors)));
position: relative;
z-index: 999999999999;
}
}
|