Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @function stripes($list) {
- $value : ();
- @for $i from 1 through length($list) {
- $color : nth($list, $i);
- $start : 100% / length($list) * ($i - 1);
- $end : 100% / length($list) * $i;
- $rampSegment : $color $start, $color $end;
- $value : append($value, $rampSegment, comma);
- }
- @return linear-gradient($value);
- }
- /*
- EXMAPLE:
- section {
- background-image: stripes(red, green, blue);
- }
- OUTPUT:
- background-image: linear-gradient(red 0%, red 33.33333%, green 33.33333%, green 66.66667%, blue 66.66667%, blue 100%);
- */
Advertisement
Add Comment
Please, Sign In to add comment