3.1.10 (Brainy Betty) 1faeeb68ccdcb0b2c4cbe63133e1285a536c5067 o:Sass::Tree::RootNode :@has_childrenT:@children[io:Sass::Tree::ImportNode : @linei;[:@imported_filenameI" shared:ET:@template0: @options{o:Sass::Tree::CommentNode : @silenti: @value[I"/* @doc off * Note ---------------------------------------------------------------------- * Safari is the only browser that currently supports 3D transforms. * Because of that it can be important to control whether a given 2D transform * uses the full range of experimental browser prefixes, or only the 3D list. * To make that easy, all 2D transforms include an browser-targeting toggle ($only3d) * to switch between the two support lists. The toggle defaults to 'false' (2D), * and also accepts 'true' (3D). Currently the lists are as follows: * 2D: Mozilla, Webkit, Opera, Official * 3D: Webkit, Official **(Only Safari Supports 3D perspective)** */; F; i;[: @loud0; @ o; ;i;[I"/* Available Transforms ------------------------------------------------------ * - Scale (2d and 3d) * - Rotate (2d and 3d) * - Translate (2d and 3d) * - Skew (2d only) */; F; i;[;0; @ o; ;i;[I"/* Transform Parameters ------------------------------------------------------ * - Transform Origin (2d and 3d) * - Perspective (3d) * - Perspective Origin (3d) * - Transform Style (3d) * - Backface Visibility (3d) */; F; i;[;0; @ o; ;i;[I"p/* Mixins -------------------------------------------------------------------- * transform-origin * - shortcuts: transform-origin2d, transform-origin3d * - helpers: apply-origin * transform * - shortcuts: transform2d, transform3d * - helpers: simple-transform, create-transform * perspective * - helpers: perspective-origin * transform-style * backface-visibility * scale * - shortcuts: scaleX, scaleY, scaleZ, scale3d * rotate * - shortcuts: rotateX, rotateY, rotate3d * translate * - shortcuts: translateX, translateY, translateZ, translate3d * skew * - shortcuts: skewX, skewY */; F; i ;[;0; @ o; ;i;[I"a/* Defaults ------------------------------------------------------------------ * @doc on */; F; i4;[;0; @ o; ;i;[I"./* The default x-origin for transforms */; F; i7;[;0; @ o:Sass::Tree::VariableNode ; i8;[: @guardedI" !default; T: @expro:Sass::Script::Number ;i7:@numerator_units[I"%; T:@denominator_units[; i8; @ :@originalI"50%; F: @nameI"default-origin-x; T; @ o; ;i;[I"./* The default y-origin for transforms */; F; i9;[;0; @ o; ; i:;[;I" !default; T;o; ;i7;[I"%; T;[; i:; @ ;I"50%; F;I"default-origin-y; T; @ o; ;i;[I"./* The default z-origin for transforms */; F; i;;[;0; @ o; ; i<;[;I" !default; T;o; ;i7;[I"%; T;[; i<; @ ;I"50%; F;I"default-origin-z; T; @ o; ;i;[I"//* The default x-multiplier for scaling */; F; i?;[;0; @ o; ; i@;[;I" !default; T;o; ;f 1.25;[;[; i@; @ ;I" 1.25; F;I"default-scale-x; T; @ o; ;i;[I"//* The default y-multiplier for scaling */; F; iA;[;0; @ o; ; iB;[;I" !default; T;o:Sass::Script::Variable ; iB:@underscored_nameI"default_scale_x; T;I"default-scale-x; T; @ ;I"default-scale-y; T; @ o; ;i;[I"//* The default z-multiplier for scaling */; F; iC;[;0; @ o; ; iD;[;I" !default; T;o; ; iD;I"default_scale_x; T;I"default-scale-x; T; @ ;I"default-scale-z; T; @ o; ;i;[I"*/* The default angle for rotations */; F; iG;[;0; @ o; ; iH;[;I" !default; T;o; ;i2;[I"deg; T;[; iH; @ ;I" 45deg; F;I"default-rotate; T; @ o; ;i;[I"; @ [o;;I" only3d; T;I" only3d; T; @ o;*;F; i?; @ ;I" rotate; T; @ o; ;i;[I"/* A longcut for 'rotate' in case you forget that 'z' is implied * * **Note** This mixin cannot be combined with other transform mixins. */; F; iF;[;0; @ o; ;T; iM;[o;+ ;!{; iN;[;"[o; ; iN;I" rotate; T;I" rotate; T; @ o; ; iN;I"perspective; T;I"perspective; T; @ o; ; iN;I" only3d; T;I" only3d; T; @ ;I" rotate; T; @ ;"[[o;;I" rotate; T;I" rotate; T; @ o; ; iJ;I"default_rotate; T;I"default-rotate; T; @ [o;;I"perspective; T;I"perspective; T; @ o;*;F; iK; @ [o;;I" only3d; T;I" only3d; T; @ o;*;F; iL; @ ;I" rotateZ; T; @ o; ;i;[I"/* Rotate an object around the x axis (3D) * @include rotateX( [ rotation, perspective ] ) * * **Note** This mixin cannot be combined with other transform mixins. */; F; iQ;[;0; @ o; ;T; iX;[o; ; iY;[;0;o; ;!{; iY;"[o; ; iY;I" rotate; T;I" rotate; T; @ ;I" rotateX; T; @ ;I" trans; T; @ u;&[o:Sass::Script::Variable : @lineiZ:@underscored_nameI"perspective:ET: @nameI"perspective;T: @options{0[o:Sass::Tree::VariableNode ;iZ:@children[: @guarded0: @expro:Sass::Script::List : @value[o:Sass::Script::Funcall :@keywords{;iZ: @args[o; ;iZ;I"perspective;T; I"perspective;T; @ ; I"perspective;T; @ o; ;iZ;I" trans;T; I" trans;T; @ ;iZ:@separator: space; @ ; I" trans;T; @ o;+ ;!{; i[;[;"[o; ; i[;I" trans; T;I" trans; T; @ ;I"transform3d; T; @ ;"[[o;;I" rotate; T;I" rotate; T; @ o; ; iV;I"default_rotate; T;I"default-rotate; T; @ [o;;I"perspective; T;I"perspective; T; @ o;*;F; iW; @ ;I" rotateX; T; @ o; ;i;[I"/* Rotate an object around the y axis (3D) * @include rotate( [ rotation, perspective ] ) * * **Note** This mixin cannot be combined with other transform mixins. */; F; i^;[;0; @ o; ;T; ie;[o; ; if;[;0;o; ;!{; if;"[o; ; if;I" rotate; T;I" rotate; T; @ ;I" rotateY; T; @ ;I" trans; T; @ u;&[o:Sass::Script::Variable : @lineig:@underscored_nameI"perspective:ET: @nameI"perspective;T: @options{0[o:Sass::Tree::VariableNode ;ig:@children[: @guarded0: @expro:Sass::Script::List : @value[o:Sass::Script::Funcall :@keywords{;ig: @args[o; ;ig;I"perspective;T; I"perspective;T; @ ; I"perspective;T; @ o; ;ig;I" trans;T; I" trans;T; @ ;ig:@separator: space; @ ; I" trans;T; @ o;+ ;!{; ih;[;"[o; ; ih;I" trans; T;I" trans; T; @ ;I"transform3d; T; @ ;"[[o;;I" rotate; T;I" rotate; T; @ o; ; ic;I"default_rotate; T;I"default-rotate; T; @ [o;;I"perspective; T;I"perspective; T; @ o;*;F; id; @ ;I" rotateY; T; @ o; ;i;[I"/* Rotate an object around an arbitrary axis (3D) * @include rotate( [ vector-x, vector-y, vector-z, rotation, perspective ] ) * where the 'vector-' arguments accept unitless numbers * these numbers are not important on their own, but in relation to one another * creating an axis from your transform-origin, along the axis of Xx = Yy = Zz * * **Note** This mixin cannot be combined with other transform mixins. */; F; ik;[;0; @ o; ;T; ix;[o; ; iy;[;0;o; ;!{; iy;"[ o; ; iy;I" vector_x; T;I" vector-x; T; @ o; ; iy;I" vector_y; T;I" vector-y; T; @ o; ; iy;I" vector_z; T;I" vector-z; T; @ o; ; iy;I" rotate; T;I" rotate; T; @ ;I" rotate3d; T; @ ;I" trans; T; @ u;&[o:Sass::Script::Variable : @lineiz:@underscored_nameI"perspective:ET: @nameI"perspective;T: @options{0[o:Sass::Tree::VariableNode ;iz:@children[: @guarded0: @expro:Sass::Script::List : @value[o:Sass::Script::Funcall :@keywords{;iz: @args[o; ;iz;I"perspective;T; I"perspective;T; @ ; I"perspective;T; @ o; ;iz;I" trans;T; I" trans;T; @ ;iz:@separator: space; @ ; I" trans;T; @ o;+ ;!{; i{;[;"[o; ; i{;I" trans; T;I" trans; T; @ ;I"transform3d; T; @ ;"[ [o;;I" vector_x; T;I" vector-x; T; @ o; ; is;I"default_vector_x; T;I"default-vector-x; T; @ [o;;I" vector_y; T;I" vector-y; T; @ o; ; it;I"default_vector_y; T;I"default-vector-y; T; @ [o;;I" vector_z; T;I" vector-z; T; @ o; ; iu;I"default_vector_z; T;I"default-vector-z; T; @ [o;;I" rotate; T;I" rotate; T; @ o; ; iv;I"default_rotate; T;I"default-rotate; T; @ [o;;I"perspective; T;I"perspective; T; @ o;*;F; iw; @ ;I" rotate3d; T; @ o; ;i;[I"m/* @doc off * Translate ----------------------------------------------------------------- * @doc on */; F; i~;[;0; @ o; ;i;[I"5/* Move an object along the x or y axis (2D) * @include translate( [ translate-x, translate-y, perspective, 3D-only ] ) * where the 'translate-' arguments accept any distance in percentages or absolute (px, cm, in, em etc..) units * * **Note** This mixin cannot be combined with other transform mixins. */; F; i;[;0; @ o; ;T; i;[o; ; i;[;0;o; ;!{; i;"[o; ; i;I"translate_x; T;I"translate-x; T; @ o; ; i;I"translate_y; T;I"translate-y; T; @ ;I"translate; T; @ ;I" trans; T; @ u;&[o:Sass::Script::Variable : @linei:@underscored_nameI"perspective:ET: @nameI"perspective;T: @options{0[o:Sass::Tree::VariableNode ;i:@children[: @guarded0: @expro:Sass::Script::List : @value[o:Sass::Script::Funcall :@keywords{;i: @args[o; ;i;I"perspective;T; I"perspective;T; @ ; I"perspective;T; @ o; ;i;I" trans;T; I" trans;T; @ ;i:@separator: space; @ ; I" trans;T; @ o;+ ;!{; i;[;"[o; ; i;I" trans; T;I" trans; T; @ o; ; i;I" only3d; T;I" only3d; T; @ ;I"transform; T; @ ;"[ [o;;I"translate_x; T;I"translate-x; T; @ o; ; i;I"default_translate_x; T;I"default-translate-x; T; @ [o;;I"translate_y; T;I"translate-y; T; @ o; ; i;I"default_translate_y; T;I"default-translate-y; T; @ [o;;I"perspective; T;I"perspective; T; @ o;*;F; i; @ [o;;I" only3d; T;I" only3d; T; @ o;*;F; i; @ ;I"translate; T; @ o; ;i;[I"/* Move an object along the x axis (2D) * @include translate( [ translate-x, perspective, 3D-only ] ) * * **Note** This mixin cannot be combined with other transform mixins. */; F; i;[;0; @ o; ;T; i;[o; ; i;[;0;o; ;!{; i;"[o; ; i;I" trans_x; T;I" trans-x; T; @ ;I"translateX; T; @ ;I" trans; T; @ u;&[o:Sass::Script::Variable : @linei:@underscored_nameI"perspective:ET: @nameI"perspective;T: @options{0[o:Sass::Tree::VariableNode ;i:@children[: @guarded0: @expro:Sass::Script::List : @value[o:Sass::Script::Funcall :@keywords{;i: @args[o; ;i;I"perspective;T; I"perspective;T; @ ; I"perspective;T; @ o; ;i;I" trans;T; I" trans;T; @ ;i:@separator: space; @ ; I" trans;T; @ o;+ ;!{; i;[;"[o; ; i;I" trans; T;I" trans; T; @ o; ; i;I" only3d; T;I" only3d; T; @ ;I"transform; T; @ ;"[[o;;I" trans_x; T;I" trans-x; T; @ o; ; i;I"default_translate_x; T;I"default-translate-x; T; @ [o;;I"perspective; T;I"perspective; T; @ o;*;F; i; @ [o;;I" only3d; T;I" only3d; T; @ o;*;F; i; @ ;I"translateX; T; @ o; ;i;[I"/* Move an object along the y axis (2D) * @include translate( [ translate-y, perspective, 3D-only ] ) * * **Note** This mixin cannot be combined with other transform mixins. */; F; i;[;0; @ o; ;T; i;[o; ; i;[;0;o; ;!{; i;"[o; ; i;I" trans_y; T;I" trans-y; T; @ ;I"translateY; T; @ ;I" trans; T; @ u;&[o:Sass::Script::Variable : @linei:@underscored_nameI"perspective:ET: @nameI"perspective;T: @options{0[o:Sass::Tree::VariableNode ;i:@children[: @guarded0: @expro:Sass::Script::List : @value[o:Sass::Script::Funcall :@keywords{;i: @args[o; ;i;I"perspective;T; I"perspective;T; @ ; I"perspective;T; @ o; ;i;I" trans;T; I" trans;T; @ ;i:@separator: space; @ ; I" trans;T; @ o;+ ;!{; i;[;"[o; ; i;I" trans; T;I" trans; T; @ o; ; i;I" only3d; T;I" only3d; T; @ ;I"transform; T; @ ;"[[o;;I" trans_y; T;I" trans-y; T; @ o; ; i;I"default_translate_y; T;I"default-translate-y; T; @ [o;;I"perspective; T;I"perspective; T; @ o;*;F; i; @ [o;;I" only3d; T;I" only3d; T; @ o;*;F; i; @ ;I"translateY; T; @ o; ;i;[I"/* Move an object along the z axis (3D) * @include translate( [ translate-z, perspective ] ) * * **Note** This mixin cannot be combined with other transform mixins. */; F; i;[;0; @ o; ;T; i;[o; ; i;[;0;o; ;!{; i;"[o; ; i;I" trans_z; T;I" trans-z; T; @ ;I"translateZ; T; @ ;I" trans; T; @ u;&[o:Sass::Script::Variable : @linei:@underscored_nameI"perspective:ET: @nameI"perspective;T: @options{0[o:Sass::Tree::VariableNode ;i:@children[: @guarded0: @expro:Sass::Script::List : @value[o:Sass::Script::Funcall :@keywords{;i: @args[o; ;i;I"perspective;T; I"perspective;T; @ ; I"perspective;T; @ o; ;i;I" trans;T; I" trans;T; @ ;i:@separator: space; @ ; I" trans;T; @ o;+ ;!{; i;[;"[o; ; i;I" trans; T;I" trans; T; @ ;I"transform3d; T; @ ;"[[o;;I" trans_z; T;I" trans-z; T; @ o; ; i;I"default_translate_z; T;I"default-translate-z; T; @ [o;;I"perspective; T;I"perspective; T; @ o;*;F; i; @ ;I"translateZ; T; @ o; ;i;[I"/* Move an object along the x, y and z axis (3D) * @include translate( [ translate-x, translate-y, translate-z, perspective ] ) * * **Note** This mixin cannot be combined with other transform mixins. */; F; i;[;0; @ o; ;T; i;[o; ; i;[;0;o; ;!{; i;"[o; ; i;I"translate_x; T;I"translate-x; T; @ o; ; i;I"translate_y; T;I"translate-y; T; @ o; ; i;I"translate_z; T;I"translate-z; T; @ ;I"translate3d; T; @ ;I" trans; T; @ u;&[o:Sass::Script::Variable : @linei:@underscored_nameI"perspective:ET: @nameI"perspective;T: @options{0[o:Sass::Tree::VariableNode ;i:@children[: @guarded0: @expro:Sass::Script::List : @value[o:Sass::Script::Funcall :@keywords{;i: @args[o; ;i;I"perspective;T; I"perspective;T; @ ; I"perspective;T; @ o; ;i;I" trans;T; I" trans;T; @ ;i:@separator: space; @ ; I" trans;T; @ o;+ ;!{; i;[;"[o; ; i;I" trans; T;I" trans; T; @ ;I"transform3d; T; @ ;"[ [o;;I"translate_x; T;I"translate-x; T; @ o; ; i;I"default_translate_x; T;I"default-translate-x; T; @ [o;;I"translate_y; T;I"translate-y; T; @ o; ; i;I"default_translate_y; T;I"default-translate-y; T; @ [o;;I"translate_z; T;I"translate-z; T; @ o; ; i;I"default_translate_z; T;I"default-translate-z; T; @ [o;;I"perspective; T;I"perspective; T; @ o;*;F; i; @ ;I"translate3d; T; @ o; ;i;[I"m/* @doc off * Skew ---------------------------------------------------------------------- * @doc on */; F; i;[;0; @ o; ;i;[I"/* Skew an element: * * @include skew( [ skew-x, skew-y, 3D-only ] ) * * where the 'skew-' arguments accept css angles in degrees (deg) or radian (rad) units * * **Note** This mixin cannot be combined with other transform mixins. */; F; i;[;0; @ o; ;T; i;[o; ; i;[;0;o; ;!{; i;"[o; ; i;I" skew_x; T;I" skew-x; T; @ o; ; i;I" skew_y; T;I" skew-y; T; @ ;I" skew; T; @ ;I" trans; T; @ o;+ ;!{; i;[;"[o; ; i;I" trans; T;I" trans; T; @ o; ; i;I" only3d; T;I" only3d; T; @ ;I"transform; T; @ ;"[[o;;I" skew_x; T;I" skew-x; T; @ o; ; i;I"default_skew_x; T;I"default-skew-x; T; @ [o;;I" skew_y; T;I" skew-y; T; @ o; ; i;I"default_skew_y; T;I"default-skew-y; T; @ [o;;I" only3d; T;I" only3d; T; @ o;*;F; i; @ ;I" skew; T; @ o; ;i;[I"/* Skew an element along the x axiz * * @include skew( [ skew-x, 3D-only ] ) * * **Note** This mixin cannot be combined with other transform mixins. */; F; i;[;0; @ o; ;T; i;[o; ; i;[;0;o; ;!{; i;"[o; ; i;I" skew_x; T;I" skew-x; T; @ ;I" skewX; T; @ ;I" trans; T; @ o;+ ;!{; i;[;"[o; ; i;I" trans; T;I" trans; T; @ o; ; i;I" only3d; T;I" only3d; T; @ ;I"transform; T; @ ;"[[o;;I" skew_x; T;I" skew-x; T; @ o; ; i;I"default_skew_x; T;I"default-skew-x; T; @ [o;;I" only3d; T;I" only3d; T; @ o;*;F; i; @ ;I" skewX; T; @ o; ;i;[I"/* Skew an element along the y axis * * @include skew( [ skew-y, 3D-only ] ) * * **Note** This mixin cannot be combined with other transform mixins. */; F; i;[;0; @ o; ;T; i;[o; ; i;[;0;o; ;!{; i;"[o; ; i;I" skew_y; T;I" skew-y; T; @ ;I" skewY; T; @ ;I" trans; T; @ o;+ ;!{; i;[;"[o; ; i;I" trans; T;I" trans; T; @ o; ; i;I" only3d; T;I" only3d; T; @ ;I"transform; T; @ ;"[[o;;I" skew_y; T;I" skew-y; T; @ o; ; i;I"default_skew_y; T;I"default-skew-y; T; @ [o;;I" only3d; T;I" only3d; T; @ o;*;F; i; @ ;I" skewY; T; @ o; ;i;[I"/* Full transform mixins * For settings any combination of transforms as arguments * These are complex and not highly recommended for daily use * They are mainly here for backwards-compatability purposes * * * they include origin adjustments * * scale takes a multiplier (unitless), rotate and skew take degrees (deg) * * **Note** This mixin cannot be combined with other transform mixins. */; F; i;[;0; @ o; ;T; i;[o; ; i;[;0;o; ;!{; i;"[o;' ;I"; T; i;(;); @ ;I" unquote; T; @ ;I" trans; T; @ o; ;i;[I"/* perspective */; F; i;[;0; @ u;&M[o:Sass::Script::Variable : @linei:@underscored_nameI"perspective:ET: @nameI"perspective;T: @options{0[o:Sass::Tree::VariableNode ;i:@children[: @guarded0: @expro:Sass::Script::Funcall :@keywords{;i: @args[o; ;i;I"perspective;T; I"perspective;T; @ ; I"perspective;T; @ ; I" trans;T; @ o; ;i;[I"/* scale */; F; i;[;0; @ u;& [o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @linei:@underscored_nameI" scale_x:ET: @nameI" scale-x; T: @options{:@operand2o; ;i; I" scale_y; T; I" scale-y; T; @ :@operator:and;i; @ u:Sass::Tree::IfNode [00[u:Sass::Tree::IfNode[o:Sass::Script::Variable : @linei:@underscored_nameI" scale_x:ET: @nameI" scale-x;T: @options{0[o:Sass::Tree::VariableNode ;i:@children[: @guarded0: @expro:Sass::Script::List : @value[o; ;i;I" trans;T; I" trans;T; @ o:Sass::Script::Funcall :@keywords{;i: @args[o; ;i;I" scale_x;T; I" scale-x;T; @ ; I" scaleX;T; @ ;i:@separator: space; @ ; I" trans;T; @ u;[o:Sass::Script::Variable : @linei :@underscored_nameI" scale_y:ET: @nameI" scale-y;T: @options{0[o:Sass::Tree::VariableNode ;i :@children[: @guarded0: @expro:Sass::Script::List : @value[o; ;i ;I" trans;T; I" trans;T; @ o:Sass::Script::Funcall :@keywords{;i : @args[o; ;i ;I" scale_y;T; I" scale-y;T; @ ; I" scaleY;T; @ ;i :@separator: space; @ ; I" trans;T; @ u;[o:Sass::Script::Variable : @linei!:@underscored_nameI" scale_z:ET: @nameI" scale-z;T: @options{0[o:Sass::Tree::VariableNode ;i!:@children[: @guarded0: @expro:Sass::Script::List : @value[o; ;i!;I" trans;T; I" trans;T; @ o:Sass::Script::Funcall :@keywords{;i!: @args[o; ;i!;I" scale_z;T; I" scale-z;T; @ ; I" scaleZ;T; @ ;i!:@separator: space; @ ; I" trans;T; @ [u;[o:Sass::Script::Variable : @linei:@underscored_nameI" scale_z:ET: @nameI" scale-z;T: @options{u:Sass::Tree::IfNode[00[o:Sass::Tree::VariableNode : @linei:@children[: @guarded0: @expro:Sass::Script::List : @value[o:Sass::Script::Variable ;i:@underscored_nameI" trans:ET: @nameI" trans;T: @options{o:Sass::Script::Funcall :@keywords{;i: @args[o; ;i; I" scale_x;T;I" scale-x;T;@o; ;i; I" scale_y;T;I" scale-y;T;@;I" scale;T;@;i:@separator: space;@;I" trans;T;@[o:Sass::Tree::VariableNode ;i:@children[: @guarded0: @expro:Sass::Script::List : @value[o; ;i;I" trans;T; I" trans;T; @ o:Sass::Script::Funcall :@keywords{;i: @args[o; ;i;I" scale_x;T; I" scale-x;T; @ o; ;i;I" scale_y;T; I" scale-y;T; @ o; ;i;I" scale_z;T; I" scale-z;T; @ ; I" scale3d;T; @ ;i:@separator: space; @ ; I" trans;T; @ o; ;i;[I"/* rotate */; F; i$;[;0; @ u;&[o:Sass::Script::Variable : @linei%:@underscored_nameI" rotate_x:ET: @nameI" rotate-x;T: @options{0[o:Sass::Tree::VariableNode ;i%:@children[: @guarded0: @expro:Sass::Script::List : @value[o; ;i%;I" trans;T; I" trans;T; @ o:Sass::Script::Funcall :@keywords{;i%: @args[o; ;i%;I" rotate_x;T; I" rotate-x;T; @ ; I" rotateX;T; @ ;i%:@separator: space; @ ; I" trans;T; @ u;&[o:Sass::Script::Variable : @linei&:@underscored_nameI" rotate_y:ET: @nameI" rotate-y;T: @options{0[o:Sass::Tree::VariableNode ;i&:@children[: @guarded0: @expro:Sass::Script::List : @value[o; ;i&;I" trans;T; I" trans;T; @ o:Sass::Script::Funcall :@keywords{;i&: @args[o; ;i&;I" rotate_y;T; I" rotate-y;T; @ ; I" rotateY;T; @ ;i&:@separator: space; @ ; I" trans;T; @ u;&[o:Sass::Script::Variable : @linei':@underscored_nameI" rotate_z:ET: @nameI" rotate-z;T: @options{0[o:Sass::Tree::VariableNode ;i':@children[: @guarded0: @expro:Sass::Script::List : @value[o; ;i';I" trans;T; I" trans;T; @ o:Sass::Script::Funcall :@keywords{;i': @args[o; ;i';I" rotate_z;T; I" rotate-z;T; @ ; I" rotateZ;T; @ ;i':@separator: space; @ ; I" trans;T; @ u;&[o:Sass::Script::Variable : @linei(:@underscored_nameI" rotate3d:ET: @nameI" rotate3d;T: @options{0[o:Sass::Tree::VariableNode ;i(:@children[: @guarded0: @expro:Sass::Script::List : @value[o; ;i(;I" trans;T; I" trans;T; @ o:Sass::Script::Funcall :@keywords{;i(: @args[o; ;i(;I" rotate3d;T; I" rotate3d;T; @ ; I" rotate3d;T; @ ;i(:@separator: space; @ ; I" trans;T; @ o; ;i;[I"/* translate */; F; i*;[;0; @ u;& [o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @linei+:@underscored_nameI" trans_x:ET: @nameI" trans-x; T: @options{:@operand2o; ;i+; I" trans_y; T; I" trans-y; T; @ :@operator:and;i+; @ u:Sass::Tree::IfNode[00[u:Sass::Tree::IfNode[o:Sass::Script::Variable : @linei/:@underscored_nameI" trans_x:ET: @nameI" trans-x;T: @options{0[o:Sass::Tree::VariableNode ;i/:@children[: @guarded0: @expro:Sass::Script::List : @value[o; ;i/;I" trans;T; I" trans;T; @ o:Sass::Script::Funcall :@keywords{;i/: @args[o; ;i/;I" trans_x;T; I" trans-x;T; @ ; I"translateX;T; @ ;i/:@separator: space; @ ; I" trans;T; @ u;[o:Sass::Script::Variable : @linei0:@underscored_nameI" trans_y:ET: @nameI" trans-y;T: @options{0[o:Sass::Tree::VariableNode ;i0:@children[: @guarded0: @expro:Sass::Script::List : @value[o; ;i0;I" trans;T; I" trans;T; @ o:Sass::Script::Funcall :@keywords{;i0: @args[o; ;i0;I" trans_y;T; I" trans-y;T; @ ; I"translateY;T; @ ;i0:@separator: space; @ ; I" trans;T; @ u;[o:Sass::Script::Variable : @linei1:@underscored_nameI" trans_z:ET: @nameI" trans-z;T: @options{0[o:Sass::Tree::VariableNode ;i1:@children[: @guarded0: @expro:Sass::Script::List : @value[o; ;i1;I" trans;T; I" trans;T; @ o:Sass::Script::Funcall :@keywords{;i1: @args[o; ;i1;I" trans_z;T; I" trans-z;T; @ ; I"translateZ;T; @ ;i1:@separator: space; @ ; I" trans;T; @ [u;[o:Sass::Script::Variable : @linei,:@underscored_nameI" trans_z:ET: @nameI" trans-z;T: @options{u:Sass::Tree::IfNode[00[o:Sass::Tree::VariableNode : @linei-:@children[: @guarded0: @expro:Sass::Script::List : @value[o:Sass::Script::Variable ;i-:@underscored_nameI" trans:ET: @nameI" trans;T: @options{o:Sass::Script::Funcall :@keywords{;i-: @args[o; ;i-; I" trans_x;T;I" trans-x;T;@o; ;i-; I" trans_y;T;I" trans-y;T;@;I"translate;T;@;i-:@separator: space;@;I" trans;T;@[o:Sass::Tree::VariableNode ;i,:@children[: @guarded0: @expro:Sass::Script::List : @value[o; ;i,;I" trans;T; I" trans;T; @ o:Sass::Script::Funcall :@keywords{;i,: @args[o; ;i,;I" trans_x;T; I" trans-x;T; @ o; ;i,;I" trans_y;T; I" trans-y;T; @ o; ;i,;I" trans_z;T; I" trans-z;T; @ ; I"translate3d;T; @ ;i,:@separator: space; @ ; I" trans;T; @ o; ;i;[I"/* skew */; F; i4;[;0; @ u;&[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @linei5:@underscored_nameI" skew_x:ET: @nameI" skew-x; T: @options{:@operand2o; ;i5; I" skew_y; T; I" skew-y; T; @ :@operator:and;i5; @ u:Sass::Tree::IfNodeZ[00[u:Sass::Tree::IfNode[o:Sass::Script::Variable : @linei7:@underscored_nameI" skew_x:ET: @nameI" skew-x;T: @options{0[o:Sass::Tree::VariableNode ;i7:@children[: @guarded0: @expro:Sass::Script::List : @value[o; ;i7;I" trans;T; I" trans;T; @ o:Sass::Script::Funcall :@keywords{;i7: @args[o; ;i7;I" skew_x;T; I" skew-x;T; @ ; I" skewX;T; @ ;i7:@separator: space; @ ; I" trans;T; @ u;[o:Sass::Script::Variable : @linei8:@underscored_nameI" skew_y:ET: @nameI" skew-y;T: @options{0[o:Sass::Tree::VariableNode ;i8:@children[: @guarded0: @expro:Sass::Script::List : @value[o; ;i8;I" trans;T; I" trans;T; @ o:Sass::Script::Funcall :@keywords{;i8: @args[o; ;i8;I" skew_y;T; I" skew-y;T; @ ; I" skewY;T; @ ;i8:@separator: space; @ ; I" trans;T; @ [o:Sass::Tree::VariableNode ;i5:@children[: @guarded0: @expro:Sass::Script::List : @value[o; ;i5; I" trans; T; I" trans; T; @ o:Sass::Script::Funcall :@keywords{;i5: @args[o; ;i5; I" skew_x; T; I" skew-x; T; @ o; ;i5; I" skew_y; T; I" skew-y; T; @ ; I" skew; T; @ ;i5:@separator: space; @ ; I" trans; T; @ o; ;i;[I"/* apply it! */; F; i;;[;0; @ o;+ ;!{; i<;[;"[o; ; i<;I" trans; T;I" trans; T; @ o; ; i<;I" only3d; T;I" only3d; T; @ ;I"transform; T; @ o;+ ;!{; i=;[;"[ o; ; i=;I" origin_x; T;I" origin-x; T; @ o; ; i=;I" origin_y; T;I" origin-y; T; @ o; ; i=;I" origin_z; T;I" origin-z; T; @ o; ; i=;I" only3d; T;I" only3d; T; @ ;I"transform-origin; T; @ ;"[[o;;I"perspective; T;I"perspective; T; @ o;*;F; i; @ [o;;I" scale_x; T;I" scale-x; T; @ o;*;F; i; @ [o;;I" scale_y; T;I" scale-y; T; @ o;*;F; i; @ [o;;I" scale_z; T;I" scale-z; T; @ o;*;F; i; @ [o;;I" rotate_x; T;I" rotate-x; T; @ o;*;F; i; @ [o;;I" rotate_y; T;I" rotate-y; T; @ o;*;F; i; @ [o;;I" rotate_z; T;I" rotate-z; T; @ o;*;F; i ; @ [o;;I" rotate3d; T;I" rotate3d; T; @ o;*;F; i ; @ [o;;I" trans_x; T;I" trans-x; T; @ o;*;F; i ; @ [o;;I" trans_y; T;I" trans-y; T; @ o;*;F; i ; @ [o;;I" trans_z; T;I" trans-z; T; @ o;*;F; i ; @ [o;;I" skew_x; T;I" skew-x; T; @ o;*;F; i; @ [o;;I" skew_y; T;I" skew-y; T; @ o;*;F; i; @ [o;;I" origin_x; T;I" origin-x; T; @ o;*;F; i; @ [o;;I" origin_y; T;I" origin-y; T; @ o;*;F; i; @ [o;;I" origin_z; T;I" origin-z; T; @ o;*;F; i; @ [o;;I" only3d; T;I" only3d; T; @ o;*;F; i; @ ;I"create-transform; T; @ o; ;i;[I"q/* A simplified set of options * backwards-compatible with the previous version of the 'transform' mixin */; F; iA;[;0; @ o; ;T; iL;[o;+ ;!{; iU;[;"[o;*;F; iN; @ o; ; iO;I" scale; T;I" scale; T; @ o; ; iO;I" scale; T;I" scale; T; @ o;*;F; iO; @ o;*;F; iP; @ o;*;F; iP; @ o; ; iP;I" rotate; T;I" rotate; T; @ o;*;F; iP; @ o; ; iQ;I" trans_x; T;I" trans-x; T; @ o; ; iQ;I" trans_y; T;I" trans-y; T; @ o;*;F; iQ; @ o; ; iR;I" skew_x; T;I" skew-x; T; @ o; ; iR;I" skew_y; T;I" skew-y; T; @ o; ; iS;I" origin_x; T;I" origin-x; T; @ o; ; iS;I" origin_y; T;I" origin-y; T; @ o;*;F; iS; @ o;*;F; iT; @ ;I"create-transform; T; @ ;"[ [o;;I" scale; T;I" scale; T; @ o;*;F; iD; @ [o;;I" rotate; T;I" rotate; T; @ o;*;F; iE; @ [o;;I" trans_x; T;I" trans-x; T; @ o;*;F; iF; @ [o;;I" trans_y; T;I" trans-y; T; @ o;*;F; iG; @ [o;;I" skew_x; T;I" skew-x; T; @ o;*;F; iH; @ [o;;I" skew_y; T;I" skew-y; T; @ o;*;F; iI; @ [o;;I" origin_x; T;I" origin-x; T; @ o;*;F; iJ; @ [o;;I" origin_y; T;I" origin-y; T; @ o;*;F; iK; @ ;I"simple-transform; T; @ ; I"H@import "shared"; // @doc off // Note ---------------------------------------------------------------------- // Safari is the only browser that currently supports 3D transforms. // Because of that it can be important to control whether a given 2D transform // uses the full range of experimental browser prefixes, or only the 3D list. // To make that easy, all 2D transforms include an browser-targeting toggle ($only3d) // to switch between the two support lists. The toggle defaults to 'false' (2D), // and also accepts 'true' (3D). Currently the lists are as follows: // 2D: Mozilla, Webkit, Opera, Official // 3D: Webkit, Official **(Only Safari Supports 3D perspective)** // Available Transforms ------------------------------------------------------ // - Scale (2d and 3d) // - Rotate (2d and 3d) // - Translate (2d and 3d) // - Skew (2d only) // Transform Parameters ------------------------------------------------------ // - Transform Origin (2d and 3d) // - Perspective (3d) // - Perspective Origin (3d) // - Transform Style (3d) // - Backface Visibility (3d) // Mixins -------------------------------------------------------------------- // transform-origin // - shortcuts: transform-origin2d, transform-origin3d // - helpers: apply-origin // transform // - shortcuts: transform2d, transform3d // - helpers: simple-transform, create-transform // perspective // - helpers: perspective-origin // transform-style // backface-visibility // scale // - shortcuts: scaleX, scaleY, scaleZ, scale3d // rotate // - shortcuts: rotateX, rotateY, rotate3d // translate // - shortcuts: translateX, translateY, translateZ, translate3d // skew // - shortcuts: skewX, skewY // Defaults ------------------------------------------------------------------ // @doc on // The default x-origin for transforms $default-origin-x : 50% !default; // The default y-origin for transforms $default-origin-y : 50% !default; // The default z-origin for transforms $default-origin-z : 50% !default; // The default x-multiplier for scaling $default-scale-x : 1.25 !default; // The default y-multiplier for scaling $default-scale-y : $default-scale-x !default; // The default z-multiplier for scaling $default-scale-z : $default-scale-x !default; // The default angle for rotations $default-rotate : 45deg !default; // The default x-vector for the axis of 3d rotations $default-vector-x : 1 !default; // The default y-vector for the axis of 3d rotations $default-vector-y : 1 !default; // The default z-vector for the axis of 3d rotations $default-vector-z : 1 !default; // The default x-length for translations $default-translate-x : 1em !default; // The default y-length for translations $default-translate-y : $default-translate-x !default; // The default z-length for translations $default-translate-z : $default-translate-x !default; // The default x-angle for skewing $default-skew-x : 5deg !default; // The default y-angle for skewing $default-skew-y : 5deg !default; // **Transform-origin** // Transform-origin sent as a complete string // // @include apply-origin( origin [, 3D-only ] ) // // where 'origin' is a space separated list containing 1-3 (x/y/z) coordinates // in percentages, absolute (px, cm, in, em etc..) or relative // (left, top, right, bottom, center) units // // @param only3d Set this to true to only apply this // mixin where browsers have 3D support. @mixin apply-origin($origin, $only3d) { $only3d: $only3d or -compass-list-size(-compass-list($origin)) > 2; @if $only3d { @include experimental(transform-origin, $origin, not -moz, -webkit, not -o, not -ms, not -khtml, official ); } @else { @include experimental(transform-origin, $origin, -moz, -webkit, -o, -ms, not -khtml, official ); } } // Transform-origin sent as individual arguments: // // @include transform-origin( [ origin-x, origin-y, origin-z, 3D-only ] ) // // where the 3 'origin-' arguments represent x/y/z coordinates. // // **NOTE:** setting z coordinates triggers 3D support list, leave false for 2D support @mixin transform-origin( $origin-x: $default-origin-x, $origin-y: $default-origin-y, $origin-z: false, $only3d: if($origin-z, true, false) ) { $origin: unquote(''); @if $origin-x or $origin-y or $origin-z { @if $origin-x { $origin: $origin-x; } @else { $origin: 50%; } @if $origin-y { $origin: $origin $origin-y; } @else { @if $origin-z { $origin: $origin 50%; }} @if $origin-z { $origin: $origin $origin-z; } @include apply-origin($origin, $only3d); } } // Transform sent as a complete string: // // @include transform( transforms [, 3D-only ] ) // // where 'transforms' is a space separated list of all the transforms to be applied @mixin transform( $transform, $only3d: false ) { @if $only3d { @include experimental(transform, $transform, not -moz, -webkit, not -o, not -ms, not -khtml, official ); } @else { @include experimental(transform, $transform, -moz, -webkit, -o, -ms, not -khtml, official ); } } // Shortcut to target all browsers with 2D transform support @mixin transform2d($trans) { @include transform($trans, false); } // Shortcut to target only browsers with 3D transform support @mixin transform3d($trans) { @include transform($trans, true); } // @doc off // 3D Parameters ------------------------------------------------------------- // @doc on // Set the perspective of 3D transforms on the children of an element: // // @include perspective( perspective ) // // where 'perspective' is a uniless number representing the depth of the z-axis // the higher the perspective, the more exagerated the foreshortening. // values from 500 to 1000 are more-or-less "normal" - a good starting-point. @mixin perspective($p) { @include experimental(perspective, $p, not -moz, -webkit, not -o, not -ms, not -khtml, official ); } // Set the origin position for the perspective // // @include perspective-origin(origin-x [origin-y]) // // where the two arguments represent x/y coordinates @mixin perspective-origin($origin: 50%) { @include experimental(perspective-origin, $origin, not -moz, -webkit, not -o, not -ms, not -khtml, official ); } // Determine whether a 3D objects children also live in the given 3D space // // @include transform-style( [ style ] ) // // where `style` can be either `flat` or `preserve-3d` // browsers default to `flat`, mixin defaults to `preserve-3d` @mixin transform-style($style: preserve-3d) { @include experimental(transform-style, $style, not -moz, -webkit, not -o, not -ms, not -khtml, official ); } // Determine the visibility of an element when it's back is turned // // @include backface-visibility( [ visibility ] ) // // where `visibility` can be either `visible` or `hidden` // browsers default to visible, mixin defaults to hidden @mixin backface-visibility($visibility: hidden) { @include experimental(backface-visibility, $visibility, not -moz, -webkit, not -o, not -ms, not -khtml, official ); } // @doc off // Transform Partials -------------------------------------------------------- // These work well on their own, but they don't add to each other, they override. // Use along with transform parameter mixins to adjust origin, perspective and style // --------------------------------------------------------------------------- // Scale --------------------------------------------------------------------- // @doc on // Scale an object along the x and y axis: // // @include scale( [ scale-x, scale-y, perspective, 3D-only ] ) // // where the 'scale-' arguments are unitless multipliers of the x and y dimensions // and perspective, which works the same as the stand-alone perspective property/mixin // but applies to the individual element (multiplied with any parent perspective) // // **Note** This mixin cannot be combined with other transform mixins. @mixin scale( $scale-x: $default-scale-x, $scale-y: $scale-x, $perspective: false, $only3d: false ) { $trans: scale($scale-x, $scale-y); @if $perspective { $trans: perspective($perspective) $trans; } @include transform($trans, $only3d); } // Scale an object along the x axis // @include scaleX( [ scale-x, perspective, 3D-only ] ) // // **Note** This mixin cannot be combined with other transform mixins. @mixin scaleX( $scale: $default-scale-x, $perspective: false, $only3d: false ) { $trans: scaleX($scale); @if $perspective { $trans: perspective($perspective) $trans; } @include transform($trans, $only3d); } // Scale an object along the y axis // @include scaleY( [ scale-y, perspective, 3D-only ] ) // // **Note** This mixin cannot be combined with other transform mixins. @mixin scaleY( $scale: $default-scale-y, $perspective: false, $only3d: false ) { $trans: scaleY($scale); @if $perspective { $trans: perspective($perspective) $trans; } @include transform($trans, $only3d); } // Scale an object along the z axis // @include scaleZ( [ scale-z, perspective ] ) // // **Note** This mixin cannot be combined with other transform mixins. @mixin scaleZ( $scale: $default-scale-z, $perspective: false ) { $trans: scaleZ($scale); @if $perspective { $trans: perspective($perspective) $trans; } @include transform3d($trans); } // Scale and object along all three axis // @include scale3d( [ scale-x, scale-y, scale-z, perspective ] ) // // **Note** This mixin cannot be combined with other transform mixins. @mixin scale3d( $scale-x: $default-scale-x, $scale-y: $default-scale-y, $scale-z: $default-scale-z, $perspective: false ) { $trans: scale3d($scale-x, $scale-y, $scale-z); @if $perspective { $trans: perspective($perspective) $trans; } @include transform3d($trans); } // @doc off // Rotate -------------------------------------------------------------------- // @doc on // Rotate an object around the z axis (2D) // @include rotate( [ rotation, perspective, 3D-only ] ) // where 'rotation' is an angle set in degrees (deg) or radian (rad) units // // **Note** This mixin cannot be combined with other transform mixins. @mixin rotate( $rotate: $default-rotate, $perspective: false, $only3d: false ) { $trans: rotate($rotate); @if $perspective { $trans: perspective($perspective) $trans; } @include transform($trans, $only3d); } // A longcut for 'rotate' in case you forget that 'z' is implied // // **Note** This mixin cannot be combined with other transform mixins. @mixin rotateZ( $rotate: $default-rotate, $perspective: false, $only3d: false ) { @include rotate($rotate, $perspective, $only3d); } // Rotate an object around the x axis (3D) // @include rotateX( [ rotation, perspective ] ) // // **Note** This mixin cannot be combined with other transform mixins. @mixin rotateX( $rotate: $default-rotate, $perspective: false ) { $trans: rotateX($rotate); @if $perspective { $trans: perspective($perspective) $trans; } @include transform3d($trans); } // Rotate an object around the y axis (3D) // @include rotate( [ rotation, perspective ] ) // // **Note** This mixin cannot be combined with other transform mixins. @mixin rotateY( $rotate: $default-rotate, $perspective: false ) { $trans: rotateY($rotate); @if $perspective { $trans: perspective($perspective) $trans; } @include transform3d($trans); } // Rotate an object around an arbitrary axis (3D) // @include rotate( [ vector-x, vector-y, vector-z, rotation, perspective ] ) // where the 'vector-' arguments accept unitless numbers // these numbers are not important on their own, but in relation to one another // creating an axis from your transform-origin, along the axis of Xx = Yy = Zz // // **Note** This mixin cannot be combined with other transform mixins. @mixin rotate3d( $vector-x: $default-vector-x, $vector-y: $default-vector-y, $vector-z: $default-vector-z, $rotate: $default-rotate, $perspective: false ) { $trans: rotate3d($vector-x, $vector-y, $vector-z, $rotate); @if $perspective { $trans: perspective($perspective) $trans; } @include transform3d($trans); } // @doc off // Translate ----------------------------------------------------------------- // @doc on // Move an object along the x or y axis (2D) // @include translate( [ translate-x, translate-y, perspective, 3D-only ] ) // where the 'translate-' arguments accept any distance in percentages or absolute (px, cm, in, em etc..) units // // **Note** This mixin cannot be combined with other transform mixins. @mixin translate( $translate-x: $default-translate-x, $translate-y: $default-translate-y, $perspective: false, $only3d: false ) { $trans: translate($translate-x, $translate-y); @if $perspective { $trans: perspective($perspective) $trans; } @include transform($trans, $only3d); } // Move an object along the x axis (2D) // @include translate( [ translate-x, perspective, 3D-only ] ) // // **Note** This mixin cannot be combined with other transform mixins. @mixin translateX( $trans-x: $default-translate-x, $perspective: false, $only3d: false ) { $trans: translateX($trans-x); @if $perspective { $trans: perspective($perspective) $trans; } @include transform($trans, $only3d); } // Move an object along the y axis (2D) // @include translate( [ translate-y, perspective, 3D-only ] ) // // **Note** This mixin cannot be combined with other transform mixins. @mixin translateY( $trans-y: $default-translate-y, $perspective: false, $only3d: false ) { $trans: translateY($trans-y); @if $perspective { $trans: perspective($perspective) $trans; } @include transform($trans, $only3d); } // Move an object along the z axis (3D) // @include translate( [ translate-z, perspective ] ) // // **Note** This mixin cannot be combined with other transform mixins. @mixin translateZ( $trans-z: $default-translate-z, $perspective: false ) { $trans: translateZ($trans-z); @if $perspective { $trans: perspective($perspective) $trans; } @include transform3d($trans); } // Move an object along the x, y and z axis (3D) // @include translate( [ translate-x, translate-y, translate-z, perspective ] ) // // **Note** This mixin cannot be combined with other transform mixins. @mixin translate3d( $translate-x: $default-translate-x, $translate-y: $default-translate-y, $translate-z: $default-translate-z, $perspective: false ) { $trans: translate3d($translate-x, $translate-y, $translate-z); @if $perspective { $trans: perspective($perspective) $trans; } @include transform3d($trans); } // @doc off // Skew ---------------------------------------------------------------------- // @doc on // Skew an element: // // @include skew( [ skew-x, skew-y, 3D-only ] ) // // where the 'skew-' arguments accept css angles in degrees (deg) or radian (rad) units // // **Note** This mixin cannot be combined with other transform mixins. @mixin skew( $skew-x: $default-skew-x, $skew-y: $default-skew-y, $only3d: false ) { $trans: skew($skew-x, $skew-y); @include transform($trans, $only3d); } // Skew an element along the x axiz // // @include skew( [ skew-x, 3D-only ] ) // // **Note** This mixin cannot be combined with other transform mixins. @mixin skewX( $skew-x: $default-skew-x, $only3d: false ) { $trans: skewX($skew-x); @include transform($trans, $only3d); } // Skew an element along the y axis // // @include skew( [ skew-y, 3D-only ] ) // // **Note** This mixin cannot be combined with other transform mixins. @mixin skewY( $skew-y: $default-skew-y, $only3d: false ) { $trans: skewY($skew-y); @include transform($trans, $only3d); } // Full transform mixins // For settings any combination of transforms as arguments // These are complex and not highly recommended for daily use // They are mainly here for backwards-compatability purposes // // * they include origin adjustments // * scale takes a multiplier (unitless), rotate and skew take degrees (deg) // // **Note** This mixin cannot be combined with other transform mixins. @mixin create-transform( $perspective: false, $scale-x: false, $scale-y: false, $scale-z: false, $rotate-x: false, $rotate-y: false, $rotate-z: false, $rotate3d: false, $trans-x: false, $trans-y: false, $trans-z: false, $skew-x: false, $skew-y: false, $origin-x: false, $origin-y: false, $origin-z: false, $only3d: false ) { $trans: unquote(""); // perspective @if $perspective { $trans: perspective($perspective) ; } // scale @if $scale-x and $scale-y { @if $scale-z { $trans: $trans scale3d($scale-x, $scale-y, $scale-z); } @else { $trans: $trans scale($scale-x, $scale-y); } } @else { @if $scale-x { $trans: $trans scaleX($scale-x); } @if $scale-y { $trans: $trans scaleY($scale-y); } @if $scale-z { $trans: $trans scaleZ($scale-z); } } // rotate @if $rotate-x { $trans: $trans rotateX($rotate-x); } @if $rotate-y { $trans: $trans rotateY($rotate-y); } @if $rotate-z { $trans: $trans rotateZ($rotate-z); } @if $rotate3d { $trans: $trans rotate3d($rotate3d); } // translate @if $trans-x and $trans-y { @if $trans-z { $trans: $trans translate3d($trans-x, $trans-y, $trans-z); } @else { $trans: $trans translate($trans-x, $trans-y); } } @else { @if $trans-x { $trans: $trans translateX($trans-x); } @if $trans-y { $trans: $trans translateY($trans-y); } @if $trans-z { $trans: $trans translateZ($trans-z); } } // skew @if $skew-x and $skew-y { $trans: $trans skew($skew-x, $skew-y); } @else { @if $skew-x { $trans: $trans skewX($skew-x); } @if $skew-y { $trans: $trans skewY($skew-y); } } // apply it! @include transform($trans, $only3d); @include transform-origin($origin-x, $origin-y, $origin-z, $only3d); } // A simplified set of options // backwards-compatible with the previous version of the 'transform' mixin @mixin simple-transform( $scale: false, $rotate: false, $trans-x: false, $trans-y: false, $skew-x: false, $skew-y: false, $origin-x: false, $origin-y: false ) { @include create-transform( false, $scale, $scale, false, false, false, $rotate, false, $trans-x, $trans-y, false, $skew-x, $skew-y, $origin-x, $origin-y, false, false ); } ; T; @ ; i