3.2.13 (Media Mark) a313baf2202d2bd24659b851945ca627f5ba7178 o:Sass::Tree::RootNode : @linei:@has_childrenT:@template"u @mixin border-image($images) { -webkit-border-image: _border-add-prefix($images, webkit); -moz-border-image: _border-add-prefix($images, moz); -o-border-image: _border-add-prefix($images, o); border-image: _border-add-prefix($images); } @function _border-add-prefix($images, $vendor: false) { $border-image: null; $images-type: type-of(nth($images, 1)); $first-var: nth(nth($images, 1), 1); // Get type of Gradient (Linear || radial) // If input is a gradient @if $images-type == string { @if ($first-var == "linear") or ($first-var == "radial") { $gradient-type: nth($images, 1); // Get type of gradient (linear || radial) $gradient-pos: nth($images, 2); // Get gradient position $gradient-args: nth($images, 3); // Get actual gradient (red, blue) $gradient-positions: _gradient-positions-parser($gradient-type, $gradient-pos); $border-image: _render-gradients($gradient-positions, $gradient-args, $gradient-type, $vendor); } // If input is a URL @else { $border-image: $images; } } // If input is gradient or url + additional args @else if $images-type == list { $type: type-of(nth($images, 1)); // Get type of variable - List or String // If variable is a list - Gradient @if $type == list { $gradient: nth($images, 1); $gradient-type: nth($gradient, 1); // Get type of gradient (linear || radial) $gradient-pos: nth($gradient, 2); // Get gradient position $gradient-args: nth($gradient, 3); // Get actual gradient (red, blue) $gradient-positions: _gradient-positions-parser($gradient-type, $gradient-pos); $border-image: _render-gradients($gradient-positions, $gradient-args, $gradient-type, $vendor); @for $i from 2 through length($images) { $border-image: append($border-image, nth($images, $i)); } } } @return $border-image; } //Examples: // @include border-image(url("image.png")); // @include border-image(url("image.png") 20 stretch); // @include border-image(linear-gradient(45deg, orange, yellow)); // @include border-image(linear-gradient(45deg, orange, yellow) stretch); // @include border-image(linear-gradient(45deg, orange, yellow) 20 30 40 50 stretch round); // @include border-image(radial-gradient(top, cover, orange, yellow, orange)); :@children[o:Sass::Tree::MixinDefNode ;i: @name"border-image;T: @splat0; [ o:Sass::Tree::PropNode ;i; ["-webkit-border-image:@prop_syntax:new: @tabsi; [: @valueo:Sass::Script::Funcall ;i; "_border-add-prefix; 0: @options{:@keywords{: @args[o:Sass::Script::Variable ;i; " images:@underscored_name" images;@o:Sass::Script::String ;i: @type:identifier;" webkit;@;@o; ;i; ["-moz-border-image;;;i; [;o; ;i; "_border-add-prefix; 0;@;{;[o; ;i; " images;" images;@o; ;i;;;"moz;@;@o; ;i ; ["-o-border-image;;;i; [;o; ;i ; "_border-add-prefix; 0;@;{;[o; ;i ; " images;" images;@o; ;i ;;;"o;@;@o; ;i ; ["border-image;;;i; [;o; ;i ; "_border-add-prefix; 0;@;{;[o; ;i ; " images;" images;@;@;@;[[o;; " images;" images;@0o:Sass::Tree::FunctionNode ;i ; "_border-add-prefix;T; 0; [ o:Sass::Tree::VariableNode : @expro:Sass::Script::Null;i;0;@;i; "border-image; [: @guarded0;@o; ;o; ;i; " type-of; 0;@;{;[o; ;i; "nth; 0;@;{;[o; ;i; " images;" images;@o:Sass::Script::Number ;i:@numerator_units[:@original"1;i:@denominator_units[;@;i; "images-type; [;0;@o; ;o; ;i; "nth; 0;@;{;[o; ;i; "nth; 0;@;{;[o; ;i; " images;" images;@o; ;i;![;""1;i;#@Y;@o; ;i;![;""1;i;#@Y;@;i; "first-var; [;0;@o:Sass::Tree::CommentNode ;i;: silent; [;["2/* Get type of Gradient (Linear || radial) */;@o;$ ;i;;%; [;["!/* If input is a gradient */;@u:Sass::Tree::IfNodeT[o:Sass::Script::Operation : @linei:@operand2o:Sass::Script::String ;i: @type:identifier: @value" string: @options{:@operand1o:Sass::Script::Variable ;i: @name"images-type:@underscored_name"images_type; @ ; @ :@operator:equ:Sass::Tree::IfNoder [o:Sass::Script::Operation : @linei!:@operand2o:Sass::Script::String ;i!: @type:identifier: @value" list: @options{:@operand1o:Sass::Script::Variable ;i!: @name"images-type:@underscored_name"images_type; @ ; @ :@operator:eq0[ o:Sass::Tree::VariableNode : @expro:Sass::Script::Funcall ;i";" type-of: @splat0; @ :@keywords{: @args[o; ;i";"nth;0; @ ;{;[o; ;i";" images;" images; @ o:Sass::Script::Number ;i":@numerator_units[:@original"1; i:@denominator_units[; @ ;i";" type:@children[: @guarded0; @ o:Sass::Tree::CommentNode ;i"; : silent;[; ["0/* Get type of variable - List or String */; @ o; ;i$; ; ;[; ["+/* If variable is a list - Gradient */; @ u:Sass::Tree::IfNode•[o:Sass::Script::Operation : @linei%:@operand2o:Sass::Script::String ;i%: @type:identifier: @value" list: @options{:@operand1o:Sass::Script::Variable ;i%: @name" type:@underscored_name" type; @ ; @ :@operator:eq0[o:Sass::Tree::VariableNode : @expro:Sass::Script::Funcall ;i&;"nth: @splat0; @ :@keywords{: @args[o; ;i&;" images;" images; @ o:Sass::Script::Number ;i&:@numerator_units[:@original"1; i:@denominator_units[; @ ;i&;" gradient:@children[: @guarded0; @ o; ;o; ;i';"nth;0; @ ;{;[o; ;i';" gradient;" gradient; @ o; ;i';[;"1; i;@; @ ;i';"gradient-type;[;0; @ o:Sass::Tree::CommentNode ;i'; : silent;[; ["2/* Get type of gradient (linear || radial) */; @ o; ;o; ;i(;"nth;0; @ ;{;[o; ;i(;" gradient;" gradient; @ o; ;i(;[;"2; i;@; @ ;i(;"gradient-pos;[;0; @ o; ;i(; ; ;[; [" /* Get gradient position */; @ o; ;o; ;i);"nth;0; @ ;{;[o; ;i);" gradient;" gradient; @ o; ;i);[;"3; i;@; @ ;i);"gradient-args;[;0; @ o; ;i); ; ;[; ["*/* Get actual gradient (red, blue) */; @ o; ;o; ;i*;"_gradient-positions-parser;0; @ ;{;[o; ;i*;"gradient-type;"gradient_type; @ o; ;i*;"gradient-pos;"gradient_pos; @ ;i*;"gradient-positions;[;0; @ o; ;o; ;i+;"_render-gradients;0; @ ;{;[ o; ;i+;"gradient-positions;"gradient_positions; @ o; ;i+;"gradient-args;"gradient_args; @ o; ;i+;"gradient-type;"gradient_type; @ o; ;i+;" vendor;" vendor; @ ;i+;"border-image;[;0; @ o:Sass::Tree::ForNode ;i-: @fromo; ;i-;[;"2; i;@; @ : @var"i:@has_childrenT:@too; ;i-;" length;0; @ ;{;[o; ;i-;" images;" images; @ ;[o; ;o; ;i.;" append;0; @ ;{;[o; ;i.;"border-image;"border_image; @ o; ;i.;"nth;0; @ ;{;[o; ;i.;" images;" images; @ o; ;i.;"i;"i; @ ;i.;"border-image;[;0; @ :@exclusiveF; @ [u;Ð[o:Sass::Script::Operation : @linei:@operand2o; ;i;o:Sass::Script::String ;i: @type: string: @value" radial: @options{:@operand1o:Sass::Script::Variable ;i: @name"first-var:@underscored_name"first_var; @ ; @ :@operator:eq; o; ;i;o; ;i; ; ; " linear; @ ; o; ;i;"first-var;"first_var; @ ; @ ;;; @ ;:oru:Sass::Tree::IfNode´[00[o:Sass::Tree::VariableNode : @expro:Sass::Script::Variable : @linei: @name" images:@underscored_name" images: @options{;i; "border-image:@children[: @guarded0; @ [ o:Sass::Tree::VariableNode : @expro:Sass::Script::Funcall ;i;"nth: @splat0; @ :@keywords{: @args[o; ;i;" images;" images; @ o:Sass::Script::Number ;i:@numerator_units[:@original"1; i:@denominator_units[; @ ;i;"gradient-type:@children[: @guarded0; @ o:Sass::Tree::CommentNode ;i; : silent;[; ["2/* Get type of gradient (linear || radial) */; @ o; ;o; ;i;"nth;0; @ ;{;[o; ;i;" images;" images; @ o; ;i;[;"2; i;@!; @ ;i;"gradient-pos;[; 0; @ o;! ;i; ;";[; [" /* Get gradient position */; @ o; ;o; ;i;"nth;0; @ ;{;[o; ;i;" images;" images; @ o; ;i;[;"3; i;@!; @ ;i;"gradient-args;[; 0; @ o;! ;i; ;";[; ["*/* Get actual gradient (red, blue) */; @ o; ;o; ;i;"_gradient-positions-parser;0; @ ;{;[o; ;i;"gradient-type;"gradient_type; @ o; ;i;"gradient-pos;"gradient_pos; @ ;i;"gradient-positions;[; 0; @ o; ;o; ;i;"_render-gradients;0; @ ;{;[ o; ;i;"gradient-positions;"gradient_positions; @ o; ;i;"gradient-args;"gradient_args; @ o; ;i;"gradient-type;"gradient_type; @ o; ;i;" vendor;" vendor; @ ;i;"border-image;[; 0; @ o:Sass::Tree::ReturnNode ;o; ;i2; "border-image;"border_image;@;i2; [;@;@;[[o;; " images;" images;@0[o;; " vendor;" vendor;@o:Sass::Script::Bool;i ;F;@o;$ ;i5;;%; [;["¨/*Examples: * @include border-image(url("image.png")); * @include border-image(url("image.png") 20 stretch); * @include border-image(linear-gradient(45deg, orange, yellow)); * @include border-image(linear-gradient(45deg, orange, yellow) stretch); * @include border-image(linear-gradient(45deg, orange, yellow) 20 30 40 50 stretch round); * @include border-image(radial-gradient(top, cover, orange, yellow, orange)); */;@;@