Recursively generates a striped gradient.

gradient-stripe.scss

$colors: #b00b00  #bada55 #de1e7e #f0feaf #ac1d1c #e1e100 #facade;
$stops: ();

@function gradient($i: 0) {
  @if $i == length($colors) {
    @return $stops;
  }
  $i: $i + 1;
  $new-stops: nth($colors, $i) percentage(($i - 1)/length($colors)), nth($colors, $i) percentage($i/length($colors));
  $stops: join( $stops, $new-stops, comma );
  @return gradient($i);
}

$stops: gradient();

html {
  @include background-image(linear-gradient( top center, $stops ));
  height: 100px;
}