3.1.19 (Brainy Betty) d5f8caa69c80c2309a4f7878e5cdcc85b4551fc0 o:Sass::Tree::RootNode :@children[ o:Sass::Tree::CommentNode : @value[I" /*************************************************************************// * Background-image property for adding multiple background images with * gradients, or for stringing multiple gradients together. *************************************************************************// */:EF: @silenti: @loud0;[: @linei: @options{o:Sass::Tree::MixinDefNode : @nameI"background-image; T: @args[[o:Sass::Script::Variable;I" image-1; T:@underscored_nameI" image_1; T; @ 0[o;;I" image-2; T;I" image_2; T; @ o:Sass::Script::Bool;F; i ; @ [o;;I" image-3; T;I" image_3; T; @ o;;F; i ; @ [o;;I" image-4; T;I" image_4; T; @ o;;F; i ; @ [o;;I" image-5; T;I" image_5; T; @ o;;F; i; @ [o;;I" image-6; T;I" image_6; T; @ o;;F; i; @ [o;;I" image-7; T;I" image_7; T; @ o;;F; i; @ [o;;I" image-8; T;I" image_8; T; @ o;;F; i; @ [o;;I" image-9; T;I" image_9; T; @ o;;F; i; @ [o;;I" image-10; T;I" image_10; T; @ o;;F; i; @ ;[ o:Sass::Tree::VariableNode ;I" images; T: @expro:Sass::Script::Funcall ;I" compact; T;[o; ;I" image-1; T;I" image_1; T; i; @ o; ;I" image-2; T;I" image_2; T; i; @ o; ;I" image-3; T;I" image_3; T; i; @ o; ;I" image-4; T;I" image_4; T; i; @ o; ;I" image-5; T;I" image_5; T; i; @ o; ;I" image-6; T;I" image_6; T; i; @ o; ;I" image-7; T;I" image_7; T; i; @ o; ;I" image-8; T;I" image_8; T; i; @ o; ;I" image-9; T;I" image_9; T; i; @ o; ;I" image-10; T;I" image_10; T; i; @ :@keywords{; i; @ : @guarded0;[; i; @ o:Sass::Tree::PropNode ;[I"background-image; T;o; ;I"add-prefix; T;[o; ;I" images; T;I" images; T; i; @ o:Sass::Script::String ;I" webkit; T: @type:identifier; i; @ ;{; i; @ : @tabsi:@prop_syntax:new;[; i; @ o; ;[I"background-image; T;o; ;I"add-prefix; T;[o; ;I" images; T;I" images; T; i; @ o; ;I"moz; T;;; i; @ ;{; i; @ ;i;;;[; i; @ o; ;[I"background-image; T;o; ;I"add-prefix; T;[o; ;I" images; T;I" images; T; i; @ o; ;I"ms; T;;; i; @ ;{; i; @ ;i;;;[; i; @ o; ;[I"background-image; T;o; ;I"add-prefix; T;[o; ;I" images; T;I" images; T; i; @ o; ;I"o; T;;; i; @ ;{; i; @ ;i;;;[; i; @ o; ;[I"background-image; T;o; ;I"add-prefix; T;[o; ;I" images; T;I" images; T; i; @ ;{; i; @ ;i;;;[; i; @ ; i:@has_childrenT; @ o:Sass::Tree::FunctionNode ;I"add-prefix; T;[[o;;I" images; T;I" images; T; @ 0[o;;I" vendor; T;I" vendor; T; @ o;;F; i ; @ ;[o; ;I"images-prefixed; T;o:Sass::Script::List ;[:@separator: space; i!; @ ;0;[; i!; @ o:Sass::Tree::ForNode : @varI"i; T: @fromo:Sass::Script::Number ;i:@numerator_units[:@denominator_units[; i#:@originalI"1; F; @ :@too; ;I" length; T;[o; ;I" images; T;I" images; T; i#; @ ;{; i#; @ :@exclusiveF;[ o; ;I" type; T;o; ;I" type-of; T;[o; ;I"nth; T;[o; ;I" images; T;I" images; T; i$; @ o; ;I"i; T;I"i; T; i$; @ ;{; i$; @ ;{; i$; @ ;0;[; i$; @ o; ;[I"0/* Get type of variable - List or String */; F; i; 0;[; i$; @ o; ;[I"+/* If variable is a list - Gradient */; F; i; 0;[; i&; @ u:Sass::Tree::IfNode"[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" type:ET:@underscored_nameI" type; T: @linei': @options{:@operand2o:Sass::Script::String : @valueI" list; T: @type:identifier; i'; @ :@operator:eq; i'; @ u:Sass::Tree::IfNodeZ[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" type:ET:@underscored_nameI" type; T: @linei0: @options{:@operand2o:Sass::Script::String : @valueI" string; T: @type:identifier; i0; @ :@operator:eq; i0; @ 0[o:Sass::Tree::VariableNode ;I"images-prefixed; T: @expro:Sass::Script::Funcall ;I" join; T: @args[o; ;I"images-prefixed; T; I"images_prefixed; T; i1; @ o; ;I"nth; T;[o; ;I" images; T; I" images; T; i1; @ o; ;I"i; T; I"i; T; i1; @ :@keywords{; i1; @ o; ;I" comma; T;;; i1; @ ;{; i1; @ : @guarded0:@children[; i1; @ [ o:Sass::Tree::VariableNode ;I"gradient-type; T: @expro:Sass::Script::Funcall ;I"nth; T: @args[o; ;I"nth; T;[o; ;I" images; T; I" images; T; i(; @ o; ;I"i; T; I"i; T; i(; @ :@keywords{; i(; @ o:Sass::Script::Number ;i:@numerator_units[:@denominator_units[; i(:@originalI"1; F; @ ;{; i(; @ : @guarded0:@children[; i(; @ o:Sass::Tree::CommentNode ;[I"2/* Get type of gradient (linear || radial) */; F: @silenti: @loud0;[; i(; @ o; ;I"gradient-args; T;o; ;I"nth; T;[o; ;I"nth; T;[o; ;I" images; T; I" images; T; i); @ o; ;I"i; T; I"i; T; i); @ ;{; i); @ o; ;i;[;@ ; i);I"2; F; @ ;{; i); @ ;0;[; i); @ o; ;[I"*/* Get actual gradient (red, blue) */; F;!i;"0;[; i); @ o; ;I" gradient; T;o; ;I"render-gradients; T;[o; ;I"gradient-args; T; I"gradient_args; T; i+; @ o; ;I"gradient-type; T; I"gradient_type; T; i+; @ o; ;I" vendor; T; I" vendor; T; i+; @ ;{; i+; @ ;0;[; i+; @ o; ;I"images-prefixed; T;o; ;I" append; T;[o; ;I"images-prefixed; T; I"images_prefixed; T; i,; @ o; ;I" gradient; T; I" gradient; T; i,; @ o; ;I" comma; T;;; i,; @ ;{; i,; @ ;0;[; i,; @ ; i#; T; @ o:Sass::Tree::ReturnNode ;o; ;I"images-prefixed; T;I"images_prefixed; T; i4; @ ;[; i4; @ ; i ; T; @ o; ;[I"é/*Examples: *@include background-image(linear-gradient(top, orange, red)); *@include background-image(radial-gradient(50% 50%, cover circle, orange, red)); *@include background-image(url("/images/a.png"), linear-gradient(orange, red)); *@include background-image(url("image.png"), linear-gradient(orange, red), url("image.png")); *@include background-image(linear-gradient(hsla(0, 100%, 100%, 0.25) 0%, hsla(0, 100%, 100%, 0.08) 50%, transparent 50%), linear-gradient(orange, red); */; F; i; 0;[; i9; @ :@templateI"p//************************************************************************// // Background-image property for adding multiple background images with // gradients, or for stringing multiple gradients together. //************************************************************************// @mixin background-image( $image-1 , $image-2: false, $image-3: false, $image-4: false, $image-5: false, $image-6: false, $image-7: false, $image-8: false, $image-9: false, $image-10: false ) { $images: compact($image-1, $image-2, $image-3, $image-4, $image-5, $image-6, $image-7, $image-8, $image-9, $image-10); background-image: add-prefix($images, webkit); background-image: add-prefix($images, moz); background-image: add-prefix($images, ms); background-image: add-prefix($images, o); background-image: add-prefix($images); } @function add-prefix($images, $vendor: false) { $images-prefixed: (); @for $i from 1 through length($images) { $type: type-of(nth($images, $i)); // Get type of variable - List or String // If variable is a list - Gradient @if $type == list { $gradient-type: nth(nth($images, $i), 1); // Get type of gradient (linear || radial) $gradient-args: nth(nth($images, $i), 2); // Get actual gradient (red, blue) $gradient: render-gradients($gradient-args, $gradient-type, $vendor); $images-prefixed: append($images-prefixed, $gradient, comma); } // If variable is a string - Image @else if $type == string { $images-prefixed: join($images-prefixed, nth($images, $i), comma); } } @return $images-prefixed; } //Examples: //@include background-image(linear-gradient(top, orange, red)); //@include background-image(radial-gradient(50% 50%, cover circle, orange, red)); //@include background-image(url("/images/a.png"), linear-gradient(orange, red)); //@include background-image(url("image.png"), linear-gradient(orange, red), url("image.png")); //@include background-image(linear-gradient(hsla(0, 100%, 100%, 0.25) 0%, hsla(0, 100%, 100%, 0.08) 50%, transparent 50%), linear-gradient(orange, red); ; T; i; T; @