Guest User

Untitled

a guest
Jan 25th, 2017
104
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.52 KB | None | 0 0
  1. @function stripes($list) {
  2. $value : ();
  3. @for $i from 1 through length($list) {
  4. $color : nth($list, $i);
  5. $start : 100% / length($list) * ($i - 1);
  6. $end : 100% / length($list) * $i;
  7. $rampSegment : $color $start, $color $end;
  8. $value : append($value, $rampSegment, comma);
  9. }
  10. @return linear-gradient($value);
  11. }
  12.  
  13. /*
  14. EXMAPLE:
  15. section {
  16. background-image: stripes(red, green, blue);
  17. }
  18.  
  19. OUTPUT:
  20. background-image: linear-gradient(red 0%, red 33.33333%, green 33.33333%, green 66.66667%, blue 66.66667%, blue 100%);
  21.  
  22. */
Advertisement
Add Comment
Please, Sign In to add comment