sass-site/source/assets/css/components/_pop-stripe.scss.erb
2015-10-13 17:13:58 -07:00

21 lines
566 B
Plaintext

$colors: <% data.color.colors.each do |swatch| %>$<%= swatch.name %> <% end %>;
@function stripes($position, $colors) {
$colors: if(type-of($colors) != 'list', compact($colors), $colors);
$gradient: compact();
$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);
}
.pop-stripe {
height: .25em;
@include background-image(stripes(left, ($colors)));
}