| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 | //************************************************************************//// Background property for adding multiple backgrounds using shorthand// notation.//************************************************************************//@mixin background($backgrounds...) {  $webkit-backgrounds: ();  $spec-backgrounds: ();  @each $background in $backgrounds {    $webkit-background: ();    $spec-background: ();    $background-type: type-of($background);    @if $background-type == string or list {      $background-str: if($background-type == list, nth($background, 1), $background);      $url-str:       str-slice($background-str, 0, 3);      $gradient-type: str-slice($background-str, 0, 6);      @if $url-str == "url" {        $webkit-background: $background;          $spec-background: $background;      }      @else if $gradient-type == "linear" {        $gradients: _linear-gradient-parser("#{$background}");        $webkit-background: map-get($gradients, webkit-image);        $spec-background:   map-get($gradients, spec-image);      }      @else if $gradient-type == "radial" {        $gradients: _radial-gradient-parser("#{$background}");        $webkit-background: map-get($gradients, webkit-image);        $spec-background:   map-get($gradients, spec-image);      }      @else {        $webkit-background: $background;          $spec-background: $background;      }    }    @else {      $webkit-background: $background;        $spec-background: $background;    }    $webkit-backgrounds: append($webkit-backgrounds, $webkit-background, comma);    $spec-backgrounds:   append($spec-backgrounds,   $spec-background,   comma);  }  background: $webkit-backgrounds;  background: $spec-backgrounds;}
 |