3.2.9 (Media Mark) 5c68b45754d3f01100561a3869e38e2ffbb67410 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. *************************************************************************// */:ET: @type: silent;[: @linei: @options{o:Sass::Tree::MixinDefNode : @nameI"background-image; T: @args[: @splato:Sass::Script::Variable;I" images; T:@underscored_nameI" images; T; {;[o:Sass::Tree::PropNode ;[I"background-image; T;o:Sass::Script::Funcall ;I"_add-prefix; T;[o; ;I" images; T;I" images; T; i ; @ o:Sass::Script::String ;I" webkit; T; :identifier; i ; @ :@keywords{;0; i ; @ : @tabsi:@prop_syntax:new;[; i ; @ o; ;[I"background-image; T;o; ;I"_add-prefix; T;[o; ;I" images; T;I" images; T; i ; @ ;{;0; 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:Sass::Script::Bool;F; i; @ ;0;[ o:Sass::Tree::VariableNode ;I"images-prefixed; T: @expro:Sass::Script::List ;[:@separator: space; i; @ : @guarded0;[; i; @ o; ;I"gradient-positions; T; o;;F; 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; @ ;{;0; 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; @ ;{;0; i; @ ;{;0; i; @ ;$0;[; i; @ o; ;[I"0/* Get type of variable - List or String */; T; ; ;[; i; @ o; ;[I"+/* If variable is a list - Gradient */; T; ; ;[; i; @ u:Sass::Tree::IfNodeT[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::IfNodef[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" type:ET:@underscored_nameI" type; T: @linei): @options{:@operand2o:Sass::Script::String : @valueI" string; T: @type:identifier; i); @ :@operator:eq; i); @ 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; i*; @ o; ;I"nth; T;[o; ;I" images; T; I" images; T; i*; @ o; ;I"i; T; I"i; T; i*; @ :@keywords{: @splat0; i*; @ o; ;I" comma; T;;; i*; @ ;{;0; i*; @ : @guarded0:@children[; i*; @ [ 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{: @splat0; i; @ o:Sass::Script::Number ;i:@numerator_units[:@denominator_units[; i:@originalI"1; F; @ ;{;0; i; @ : @guarded0:@children[; i; @ o:Sass::Tree::CommentNode ;[I"/* linear or radial */; T;: silent; [; i; @ o; ;I"gradient-pos; T;o:Sass::Script::Null;0; i; @ ;0; [; i; @ o; ;I"gradient-args; T;o;#;0; i; @ ;0; [; i; @ u;¬[o:Sass::Script::Operation :@operand1o; ;o:Sass::Script::Variable : @nameI"gradient-type:ET:@underscored_nameI"gradient_type; T: @linei: @options{:@operand2o:Sass::Script::String : @valueI" linear; T: @type:identifier; i; @ :@operator:eq; i; @ ; o; ;o; ;I"gradient-type; T; I"gradient_type; T; i; @ ; o; ;I" radial; T;;; i; @ ;;; i; @ ;:or; i; @ u:Sass::Tree::IfNode![00[o:Sass::Tree::VariableNode : @nameI"gradient-args:ET: @expro:Sass::Script::Funcall ;I"nth;T: @args[o; ;I"nth;T; [o:Sass::Script::Variable ;I" images;T:@underscored_nameI" images;T: @linei!: @options{o; ;I"i;T; I"i;T; i!;@:@keywords{: @splat0; i!;@o:Sass::Script::Number : @valuei:@numerator_units[:@denominator_units[; i!:@originalI"2;F;@;{;0; i!;@: @guarded0:@children[; i!;@o:Sass::Tree::CommentNode ;[I"*/* Get actual gradient (red, blue) */;T: @type: silent;[; i!;@[ o:Sass::Tree::VariableNode ;I"gradient-pos; 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{: @splat0; i; @ o:Sass::Script::Number ;i:@numerator_units[:@denominator_units[; i:@originalI"2; F; @ ;{;0; i; @ : @guarded0:@children[; i; @ o:Sass::Tree::CommentNode ;[I" /* Get gradient position */; T;: silent;![; 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; @ ;{;0; i; @ o; ;i;[;@'; i;I"3; F; @ ;{;0; i; @ ; 0;![; i; @ o;" ;[I"*/* Get actual gradient (red, blue) */; T;;#;![; i; @ o; ;I"gradient-positions; T;o; ;I"_gradient-positions-parser; T;[o; ;I"gradient-type; T; I"gradient_type; T; i$; @ o; ;I"gradient-pos; T; I"gradient_pos; T; i$; @ ;{;0; i$; @ ;0; [; i$; @ o; ;I" gradient; T;o; ;I"_render-gradients; T;[ o; ;I"gradient-positions; T; I"gradient_positions; T; i%; @ 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%; @ ;{;0; 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&; @ ;{;0; i&; @ ;0; [; i&; @ ; i;T; @ o:Sass::Tree::ReturnNode ; o; ;I"images-prefixed; T;I"images_prefixed; T; i-; @ ;[; i-; @ ; 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)); */; T; ; ;[; i0; @ :@templateI"G//************************************************************************// // Background-image property for adding multiple background images with // gradients, or for stringing multiple gradients together. //************************************************************************// @mixin background-image($images...) { background-image: _add-prefix($images, webkit); background-image: _add-prefix($images); } @function _add-prefix($images, $vendor: false) { $images-prefixed: (); $gradient-positions: false; @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); // linear or radial $gradient-pos: null; $gradient-args: null; @if ($gradient-type == linear) or ($gradient-type == radial) { $gradient-pos: nth(nth($images, $i), 2); // Get gradient position $gradient-args: nth(nth($images, $i), 3); // Get actual gradient (red, blue) } @else { $gradient-args: nth(nth($images, $i), 2); // Get actual gradient (red, blue) } $gradient-positions: _gradient-positions-parser($gradient-type, $gradient-pos); $gradient: _render-gradients($gradient-positions, $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; @