3.2.5 (Media Mark) ac2edd034ff0a2627b8ec3741a75c4d604640c5c 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 ; @ o; ;I"moz; T; ;; i ; @ ;{;0; 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; @ ;{;0; 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; @ ;{;0; i; @ ;i;;;[; 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: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::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::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"2/* Get type of gradient (linear || radial) */; 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"2; F; @ ;{;0; i; @ ;0; [; i; @ o;! ;[I"*/* Get actual gradient (red, blue) */; T;;"; [; 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; @ ;{;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; ; ;[; i,; @ :@templateI"//************************************************************************// // 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, 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; @