3.2.19 (Media Mark) c6b1622193f2b16b41d0238260d902d3a3b29ac0 o:Sass::Tree::RootNode :@children[io:Sass::Tree::ImportNode :@imported_filenameI" shared:ET;[:@template0: @linei: @options{:@imported_file0o:Sass::Tree::CommentNode : @value[I"p/* @doc off * Note ---------------------------------------------------------------------- * Safari, Chrome, and Firefox all support 3D transforms. However, * only in the most recent builds. You should also provide fallback 2d support for * Opera and IE. IE10 is slated to have 3d enabled, but is currently unreleased. * 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, Firefox. */; T: @type: silent;[; i; @ o; ;[I"/* Available Transforms ------------------------------------------------------ * - Scale (2d and 3d) * - Rotate (2d and 3d) * - Translate (2d and 3d) * - Skew (2d only) */; T;;;[; i; @ o; ;[I"/* Transform Parameters ------------------------------------------------------ * - Transform Origin (2d and 3d) * - Perspective (3d) * - Perspective Origin (3d) * - Transform Style (3d) * - Backface Visibility (3d) */; T;;;[; i; @ o; ;[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 */; T;;;[; i ; @ o; ;[I"a/* Defaults ------------------------------------------------------------------ * @doc on */; T;;;[; i4; @ o; ;[I"./* The default x-origin for transforms */; T;;;[; i7; @ o:Sass::Tree::VariableNode : @nameI"default-origin-x; T: @expro:Sass::Script::Number ;i7:@numerator_units[I"%; T:@denominator_units[; i8:@originalI"50%; F; @ : @guardedI" !default; T;[; i8; @ o; ;[I"./* The default y-origin for transforms */; T;;;[; i9; @ o; ;I"default-origin-y; T;o; ;i7;[I"%; T;[; i:;I"50%; F; @ ;I" !default; T;[; i:; @ o; ;[I"./* The default z-origin for transforms */; T;;;[; i;; @ o; ;I"default-origin-z; T;o; ;i7;[I"%; T;[; i<;I"50%; F; @ ;I" !default; T;[; i<; @ o; ;[I"//* The default x-multiplier for scaling */; T;;;[; i?; @ o; ;I"default-scale-x; T;o; ;f 1.25;[;[; i@;I" 1.25; F; @ ;I" !default; T;[; i@; @ o; ;[I"//* The default y-multiplier for scaling */; T;;;[; iA; @ o; ;I"default-scale-y; T;o:Sass::Script::Variable ;I"default-scale-x; T:@underscored_nameI"default_scale_x; T; iB; @ ;I" !default; T;[; iB; @ o; ;[I"//* The default z-multiplier for scaling */; T;;;[; iC; @ o; ;I"default-scale-z; T;o; ;I"default-scale-x; T;I"default_scale_x; T; iD; @ ;I" !default; T;[; iD; @ o; ;[I"*/* The default angle for rotations */; T;;;[; iG; @ o; ;I"default-rotate; T;o; ;i2;[I"deg; T;[; iH;I" 45deg; F; @ ;I" !default; T;[; iH; @ o; ;[I"; @ [o;;I" only3d; T;I" only3d; T; @ o;);F; i?; @ ;0;[o; ;I" trans; T;o;" ;I" rotate; T;[o; ;I" rotate; T;I" rotate; T; iA; @ ;#{;0; iA; @ ;0;[; iA; @ u;'[o:Sass::Script::Variable : @nameI"perspective:ET:@underscored_nameI"perspective;T: @lineiB: @options{0[o:Sass::Tree::VariableNode ;I" trans;T: @expro:Sass::Script::List : @value[o:Sass::Script::Funcall ;I"perspective;T: @args[o; ;I"perspective;T;I"perspective;T; iB; @ :@keywords{: @splat0; iB; @ o; ;I" trans;T;I" trans;T; iB; @ :@separator: space; iB; @ : @guarded0:@children[; iB; @ o;, ;I"transform; T;[o; ;I" trans; T;I" trans; T; iC; @ o; ;I" only3d; T;I" only3d; T; iC; @ ;#{;0;[; iC; @ ; i@;(T; @ o; ;[I"/* A longcut for 'rotate' in case you forget that 'z' is implied * * **Note** This mixin cannot be combined with other transform mixins. */; T;;;[; iF; @ o; ;I" rotateZ; T;[[o;;I" rotate; T;I" rotate; T; @ o; ;I"default-rotate; T;I"default_rotate; T; iJ; @ [o;;I"perspective; T;I"perspective; T; @ o;);F; iK; @ [o;;I" only3d; T;I" only3d; T; @ o;);F; iL; @ ;0;[o;, ;I" rotate; T;[o; ;I" rotate; T;I" rotate; T; iN; @ o; ;I"perspective; T;I"perspective; T; iN; @ o; ;I" only3d; T;I" only3d; T; iN; @ ;#{;0;[; iN; @ ; iM;(T; @ o; ;[I"/* Rotate an object around the x axis (3D) * @include rotateX( [ rotation, perspective ] ) * * **Note** This mixin cannot be combined with other transform mixins. */; T;;;[; iQ; @ o; ;I" rotateX; T;[[o;;I" rotate; T;I" rotate; T; @ o; ;I"default-rotate; T;I"default_rotate; T; iV; @ [o;;I"perspective; T;I"perspective; T; @ o;);F; iW; @ ;0;[o; ;I" trans; T;o;" ;I" rotateX; T;[o; ;I" rotate; T;I" rotate; T; iY; @ ;#{;0; iY; @ ;0;[; iY; @ u;'[o:Sass::Script::Variable : @nameI"perspective:ET:@underscored_nameI"perspective;T: @lineiZ: @options{0[o:Sass::Tree::VariableNode ;I" trans;T: @expro:Sass::Script::List : @value[o:Sass::Script::Funcall ;I"perspective;T: @args[o; ;I"perspective;T;I"perspective;T; iZ; @ :@keywords{: @splat0; iZ; @ o; ;I" trans;T;I" trans;T; iZ; @ :@separator: space; iZ; @ : @guarded0:@children[; iZ; @ o;, ;I"transform3d; T;[o; ;I" trans; T;I" trans; T; i[; @ ;#{;0;[; i[; @ ; iX;(T; @ o; ;[I"/* Rotate an object around the y axis (3D) * @include rotate( [ rotation, perspective ] ) * * **Note** This mixin cannot be combined with other transform mixins. */; T;;;[; i^; @ o; ;I" rotateY; T;[[o;;I" rotate; T;I" rotate; T; @ o; ;I"default-rotate; T;I"default_rotate; T; ic; @ [o;;I"perspective; T;I"perspective; T; @ o;);F; id; @ ;0;[o; ;I" trans; T;o;" ;I" rotateY; T;[o; ;I" rotate; T;I" rotate; T; if; @ ;#{;0; if; @ ;0;[; if; @ u;'[o:Sass::Script::Variable : @nameI"perspective:ET:@underscored_nameI"perspective;T: @lineig: @options{0[o:Sass::Tree::VariableNode ;I" trans;T: @expro:Sass::Script::List : @value[o:Sass::Script::Funcall ;I"perspective;T: @args[o; ;I"perspective;T;I"perspective;T; ig; @ :@keywords{: @splat0; ig; @ o; ;I" trans;T;I" trans;T; ig; @ :@separator: space; ig; @ : @guarded0:@children[; ig; @ o;, ;I"transform3d; T;[o; ;I" trans; T;I" trans; T; ih; @ ;#{;0;[; ih; @ ; ie;(T; @ o; ;[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. */; T;;;[; ik; @ o; ;I" rotate3d; T;[ [o;;I" vector-x; T;I" vector_x; T; @ o; ;I"default-vector-x; T;I"default_vector_x; T; is; @ [o;;I" vector-y; T;I" vector_y; T; @ o; ;I"default-vector-y; T;I"default_vector_y; T; it; @ [o;;I" vector-z; T;I" vector_z; T; @ o; ;I"default-vector-z; T;I"default_vector_z; T; iu; @ [o;;I" rotate; T;I" rotate; T; @ o; ;I"default-rotate; T;I"default_rotate; T; iv; @ [o;;I"perspective; T;I"perspective; T; @ o;);F; iw; @ ;0;[o; ;I" trans; T;o;" ;I" rotate3d; T;[ o; ;I" vector-x; T;I" vector_x; T; iy; @ o; ;I" vector-y; T;I" vector_y; T; iy; @ o; ;I" vector-z; T;I" vector_z; T; iy; @ o; ;I" rotate; T;I" rotate; T; iy; @ ;#{;0; iy; @ ;0;[; iy; @ u;'[o:Sass::Script::Variable : @nameI"perspective:ET:@underscored_nameI"perspective;T: @lineiz: @options{0[o:Sass::Tree::VariableNode ;I" trans;T: @expro:Sass::Script::List : @value[o:Sass::Script::Funcall ;I"perspective;T: @args[o; ;I"perspective;T;I"perspective;T; iz; @ :@keywords{: @splat0; iz; @ o; ;I" trans;T;I" trans;T; iz; @ :@separator: space; iz; @ : @guarded0:@children[; iz; @ o;, ;I"transform3d; T;[o; ;I" trans; T;I" trans; T; i{; @ ;#{;0;[; i{; @ ; ix;(T; @ o; ;[I"m/* @doc off * Translate ----------------------------------------------------------------- * @doc on */; T;;;[; i~; @ o; ;[I"6/* 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. */; T;;;[; i; @ o; ;I"translate; T;[ [o;;I"translate-x; T;I"translate_x; T; @ o; ;I"default-translate-x; T;I"default_translate_x; T; i; @ [o;;I"translate-y; T;I"translate_y; T; @ o; ;I"default-translate-y; T;I"default_translate_y; T; i; @ [o;;I"perspective; T;I"perspective; T; @ o;);F; i; @ [o;;I" only3d; T;I" only3d; T; @ o;);F; i; @ ;0;[o; ;I" trans; T;o;" ;I"translate; T;[o; ;I"translate-x; T;I"translate_x; T; i; @ o; ;I"translate-y; T;I"translate_y; T; i; @ ;#{;0; i; @ ;0;[; i; @ u;'[o:Sass::Script::Variable : @nameI"perspective:ET:@underscored_nameI"perspective;T: @linei: @options{0[o:Sass::Tree::VariableNode ;I" trans;T: @expro:Sass::Script::List : @value[o:Sass::Script::Funcall ;I"perspective;T: @args[o; ;I"perspective;T;I"perspective;T; i; @ :@keywords{: @splat0; i; @ o; ;I" trans;T;I" trans;T; i; @ :@separator: space; i; @ : @guarded0:@children[; i; @ o;, ;I"transform; T;[o; ;I" trans; T;I" trans; T; i; @ o; ;I" only3d; T;I" only3d; T; i; @ ;#{;0;[; i; @ ; i;(T; @ o; ;[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. */; T;;;[; i; @ o; ;I"translateX; T;[[o;;I" trans-x; T;I" trans_x; T; @ o; ;I"default-translate-x; T;I"default_translate_x; T; i; @ [o;;I"perspective; T;I"perspective; T; @ o;);F; i; @ [o;;I" only3d; T;I" only3d; T; @ o;);F; i; @ ;0;[o; ;I" trans; T;o;" ;I"translateX; T;[o; ;I" trans-x; T;I" trans_x; T; i; @ ;#{;0; i; @ ;0;[; i; @ u;'[o:Sass::Script::Variable : @nameI"perspective:ET:@underscored_nameI"perspective;T: @linei: @options{0[o:Sass::Tree::VariableNode ;I" trans;T: @expro:Sass::Script::List : @value[o:Sass::Script::Funcall ;I"perspective;T: @args[o; ;I"perspective;T;I"perspective;T; i; @ :@keywords{: @splat0; i; @ o; ;I" trans;T;I" trans;T; i; @ :@separator: space; i; @ : @guarded0:@children[; i; @ o;, ;I"transform; T;[o; ;I" trans; T;I" trans; T; i; @ o; ;I" only3d; T;I" only3d; T; i; @ ;#{;0;[; i; @ ; i;(T; @ o; ;[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. */; T;;;[; i; @ o; ;I"translateY; T;[[o;;I" trans-y; T;I" trans_y; T; @ o; ;I"default-translate-y; T;I"default_translate_y; T; i; @ [o;;I"perspective; T;I"perspective; T; @ o;);F; i; @ [o;;I" only3d; T;I" only3d; T; @ o;);F; i; @ ;0;[o; ;I" trans; T;o;" ;I"translateY; T;[o; ;I" trans-y; T;I" trans_y; T; i; @ ;#{;0; i; @ ;0;[; i; @ u;'[o:Sass::Script::Variable : @nameI"perspective:ET:@underscored_nameI"perspective;T: @linei: @options{0[o:Sass::Tree::VariableNode ;I" trans;T: @expro:Sass::Script::List : @value[o:Sass::Script::Funcall ;I"perspective;T: @args[o; ;I"perspective;T;I"perspective;T; i; @ :@keywords{: @splat0; i; @ o; ;I" trans;T;I" trans;T; i; @ :@separator: space; i; @ : @guarded0:@children[; i; @ o;, ;I"transform; T;[o; ;I" trans; T;I" trans; T; i; @ o; ;I" only3d; T;I" only3d; T; i; @ ;#{;0;[; i; @ ; i;(T; @ o; ;[I"/* Move an object along the z axis (3D) * @include translate( [ translate-z, perspective ] ) * * **Note** This mixin cannot be combined with other transform mixins. */; T;;;[; i; @ o; ;I"translateZ; T;[[o;;I" trans-z; T;I" trans_z; T; @ o; ;I"default-translate-z; T;I"default_translate_z; T; i; @ [o;;I"perspective; T;I"perspective; T; @ o;);F; i; @ ;0;[o; ;I" trans; T;o;" ;I"translateZ; T;[o; ;I" trans-z; T;I" trans_z; T; i; @ ;#{;0; i; @ ;0;[; i; @ u;'[o:Sass::Script::Variable : @nameI"perspective:ET:@underscored_nameI"perspective;T: @linei: @options{0[o:Sass::Tree::VariableNode ;I" trans;T: @expro:Sass::Script::List : @value[o:Sass::Script::Funcall ;I"perspective;T: @args[o; ;I"perspective;T;I"perspective;T; i; @ :@keywords{: @splat0; i; @ o; ;I" trans;T;I" trans;T; i; @ :@separator: space; i; @ : @guarded0:@children[; i; @ o;, ;I"transform3d; T;[o; ;I" trans; T;I" trans; T; i; @ ;#{;0;[; i; @ ; i;(T; @ o; ;[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. */; T;;;[; i; @ o; ;I"translate3d; T;[ [o;;I"translate-x; T;I"translate_x; T; @ o; ;I"default-translate-x; T;I"default_translate_x; T; i; @ [o;;I"translate-y; T;I"translate_y; T; @ o; ;I"default-translate-y; T;I"default_translate_y; T; i; @ [o;;I"translate-z; T;I"translate_z; T; @ o; ;I"default-translate-z; T;I"default_translate_z; T; i; @ [o;;I"perspective; T;I"perspective; T; @ o;);F; i; @ ;0;[o; ;I" trans; T;o;" ;I"translate3d; T;[o; ;I"translate-x; T;I"translate_x; T; i; @ o; ;I"translate-y; T;I"translate_y; T; i; @ o; ;I"translate-z; T;I"translate_z; T; i; @ ;#{;0; i; @ ;0;[; i; @ u;'[o:Sass::Script::Variable : @nameI"perspective:ET:@underscored_nameI"perspective;T: @linei: @options{0[o:Sass::Tree::VariableNode ;I" trans;T: @expro:Sass::Script::List : @value[o:Sass::Script::Funcall ;I"perspective;T: @args[o; ;I"perspective;T;I"perspective;T; i; @ :@keywords{: @splat0; i; @ o; ;I" trans;T;I" trans;T; i; @ :@separator: space; i; @ : @guarded0:@children[; i; @ o;, ;I"transform3d; T;[o; ;I" trans; T;I" trans; T; i; @ ;#{;0;[; i; @ ; i;(T; @ o; ;[I"m/* @doc off * Skew ---------------------------------------------------------------------- * @doc on */; T;;;[; i; @ o; ;[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. */; T;;;[; i; @ o; ;I" skew; T;[[o;;I" skew-x; T;I" skew_x; T; @ o; ;I"default-skew-x; T;I"default_skew_x; T; i; @ [o;;I" skew-y; T;I" skew_y; T; @ o; ;I"default-skew-y; T;I"default_skew_y; T; i; @ [o;;I" only3d; T;I" only3d; T; @ o;);F; i; @ ;0;[o; ;I" trans; T;o;" ;I" skew; T;[o; ;I" skew-x; T;I" skew_x; T; i; @ o; ;I" skew-y; T;I" skew_y; T; i; @ ;#{;0; i; @ ;0;[; i; @ o;, ;I"transform; T;[o; ;I" trans; T;I" trans; T; i; @ o; ;I" only3d; T;I" only3d; T; i; @ ;#{;0;[; i; @ ; i;(T; @ o; ;[I"/* Skew an element along the x axiz * * @include skew( [ skew-x, 3D-only ] ) * * **Note** This mixin cannot be combined with other transform mixins. */; T;;;[; i; @ o; ;I" skewX; T;[[o;;I" skew-x; T;I" skew_x; T; @ o; ;I"default-skew-x; T;I"default_skew_x; T; i; @ [o;;I" only3d; T;I" only3d; T; @ o;);F; i; @ ;0;[o; ;I" trans; T;o;" ;I" skewX; T;[o; ;I" skew-x; T;I" skew_x; T; i; @ ;#{;0; i; @ ;0;[; i; @ o;, ;I"transform; T;[o; ;I" trans; T;I" trans; T; i; @ o; ;I" only3d; T;I" only3d; T; i; @ ;#{;0;[; i; @ ; i;(T; @ o; ;[I"/* Skew an element along the y axis * * @include skew( [ skew-y, 3D-only ] ) * * **Note** This mixin cannot be combined with other transform mixins. */; T;;;[; i; @ o; ;I" skewY; T;[[o;;I" skew-y; T;I" skew_y; T; @ o; ;I"default-skew-y; T;I"default_skew_y; T; i; @ [o;;I" only3d; T;I" only3d; T; @ o;);F; i; @ ;0;[o; ;I" trans; T;o;" ;I" skewY; T;[o; ;I" skew-y; T;I" skew_y; T; i; @ ;#{;0; i; @ ;0;[; i; @ o;, ;I"transform; T;[o; ;I" trans; T;I" trans; T; i; @ o; ;I" only3d; T;I" only3d; T; i; @ ;#{;0;[; i; @ ; i;(T; @ o; ;[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 backward-compatibility 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. */; T;;;[; i; @ o; ;I"create-transform; 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; @ ;0;[o; ;I" trans; T;o;" ;I" unquote; T;[o;* ;I"; T;;+; i; @ ;#{;0; i; @ ;0;[; i; @ o; ;[I"/* perspective */; T;;;[; i; @ u;'V[o:Sass::Script::Variable : @nameI"perspective:ET:@underscored_nameI"perspective;T: @linei: @options{0[o:Sass::Tree::VariableNode ;I" trans;T: @expro:Sass::Script::Funcall ;I"perspective;T: @args[o; ;I"perspective;T;I"perspective;T; i; @ :@keywords{: @splat0; i; @ : @guarded0:@children[; i; @ o; ;[I"/* scale */; T;;;[; i; @ u;' [o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" scale-x:ET:@underscored_nameI" scale_x; T: @linei: @options{:@operand2o; ;I" scale-y; T; I" scale_y; T; i; @ :@operator:and; i; @ u:Sass::Tree::IfNode$[00[u:Sass::Tree::IfNode[o:Sass::Script::Variable : @nameI" scale-x:ET:@underscored_nameI" scale_x;T: @linei: @options{0[o:Sass::Tree::VariableNode ;I" trans;T: @expro:Sass::Script::List : @value[o; ;I" trans;T;I" trans;T; i; @ o:Sass::Script::Funcall ;I" scaleX;T: @args[o; ;I" scale-x;T;I" scale_x;T; i; @ :@keywords{: @splat0; i; @ :@separator: space; i; @ : @guarded0:@children[; i; @ u;[o:Sass::Script::Variable : @nameI" scale-y:ET:@underscored_nameI" scale_y;T: @linei : @options{0[o:Sass::Tree::VariableNode ;I" trans;T: @expro:Sass::Script::List : @value[o; ;I" trans;T;I" trans;T; i ; @ o:Sass::Script::Funcall ;I" scaleY;T: @args[o; ;I" scale-y;T;I" scale_y;T; i ; @ :@keywords{: @splat0; i ; @ :@separator: space; i ; @ : @guarded0:@children[; i ; @ u;[o:Sass::Script::Variable : @nameI" scale-z:ET:@underscored_nameI" scale_z;T: @linei!: @options{0[o:Sass::Tree::VariableNode ;I" trans;T: @expro:Sass::Script::List : @value[o; ;I" trans;T;I" trans;T; i!; @ o:Sass::Script::Funcall ;I" scaleZ;T: @args[o; ;I" scale-z;T;I" scale_z;T; i!; @ :@keywords{: @splat0; i!; @ :@separator: space; i!; @ : @guarded0:@children[; i!; @ [u;[o:Sass::Script::Variable : @nameI" scale-z:ET:@underscored_nameI" scale_z;T: @linei: @options{u:Sass::Tree::IfNode[00[o:Sass::Tree::VariableNode : @nameI" trans:ET: @expro:Sass::Script::List : @value[o:Sass::Script::Variable ;I" trans;T:@underscored_nameI" trans;T: @linei: @options{o:Sass::Script::Funcall ;I" scale;T: @args[o; ;I" scale-x;T; I" scale_x;T; i;@o; ;I" scale-y;T; I" scale_y;T; i;@:@keywords{: @splat0; i;@:@separator: space; i;@: @guarded0:@children[; i;@[o:Sass::Tree::VariableNode ;I" trans;T: @expro:Sass::Script::List : @value[o; ;I" trans;T;I" trans;T; i; @ o:Sass::Script::Funcall ;I" scale3d;T: @args[o; ;I" scale-x;T;I" scale_x;T; i; @ o; ;I" scale-y;T;I" scale_y;T; i; @ o; ;I" scale-z;T;I" scale_z;T; i; @ :@keywords{: @splat0; i; @ :@separator: space; i; @ : @guarded0:@children[; i; @ o; ;[I"/* rotate */; T;;;[; i$; @ u;'[o:Sass::Script::Variable : @nameI" rotate-x:ET:@underscored_nameI" rotate_x;T: @linei%: @options{0[o:Sass::Tree::VariableNode ;I" trans;T: @expro:Sass::Script::List : @value[o; ;I" trans;T;I" trans;T; i%; @ o:Sass::Script::Funcall ;I" rotateX;T: @args[o; ;I" rotate-x;T;I" rotate_x;T; i%; @ :@keywords{: @splat0; i%; @ :@separator: space; i%; @ : @guarded0:@children[; i%; @ u;'[o:Sass::Script::Variable : @nameI" rotate-y:ET:@underscored_nameI" rotate_y;T: @linei&: @options{0[o:Sass::Tree::VariableNode ;I" trans;T: @expro:Sass::Script::List : @value[o; ;I" trans;T;I" trans;T; i&; @ o:Sass::Script::Funcall ;I" rotateY;T: @args[o; ;I" rotate-y;T;I" rotate_y;T; i&; @ :@keywords{: @splat0; i&; @ :@separator: space; i&; @ : @guarded0:@children[; i&; @ u;'[o:Sass::Script::Variable : @nameI" rotate-z:ET:@underscored_nameI" rotate_z;T: @linei': @options{0[o:Sass::Tree::VariableNode ;I" trans;T: @expro:Sass::Script::List : @value[o; ;I" trans;T;I" trans;T; i'; @ o:Sass::Script::Funcall ;I" rotateZ;T: @args[o; ;I" rotate-z;T;I" rotate_z;T; i'; @ :@keywords{: @splat0; i'; @ :@separator: space; i'; @ : @guarded0:@children[; i'; @ u;'[o:Sass::Script::Variable : @nameI" rotate3d:ET:@underscored_nameI" rotate3d;T: @linei(: @options{0[o:Sass::Tree::VariableNode ;I" trans;T: @expro:Sass::Script::List : @value[o; ;I" trans;T;I" trans;T; i(; @ o:Sass::Script::Funcall ;I" rotate3d;T: @args[o; ;I" rotate3d;T;I" rotate3d;T; i(; @ :@keywords{: @splat0; i(; @ :@separator: space; i(; @ : @guarded0:@children[; i(; @ o; ;[I"/* translate */; T;;;[; i*; @ u;' [o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" trans-x:ET:@underscored_nameI" trans_x; T: @linei+: @options{:@operand2o; ;I" trans-y; T; I" trans_y; T; i+; @ :@operator:and; i+; @ u:Sass::Tree::IfNode0[00[u:Sass::Tree::IfNode[o:Sass::Script::Variable : @nameI" trans-x:ET:@underscored_nameI" trans_x;T: @linei/: @options{0[o:Sass::Tree::VariableNode ;I" trans;T: @expro:Sass::Script::List : @value[o; ;I" trans;T;I" trans;T; i/; @ o:Sass::Script::Funcall ;I"translateX;T: @args[o; ;I" trans-x;T;I" trans_x;T; i/; @ :@keywords{: @splat0; i/; @ :@separator: space; i/; @ : @guarded0:@children[; i/; @ u;[o:Sass::Script::Variable : @nameI" trans-y:ET:@underscored_nameI" trans_y;T: @linei0: @options{0[o:Sass::Tree::VariableNode ;I" trans;T: @expro:Sass::Script::List : @value[o; ;I" trans;T;I" trans;T; i0; @ o:Sass::Script::Funcall ;I"translateY;T: @args[o; ;I" trans-y;T;I" trans_y;T; i0; @ :@keywords{: @splat0; i0; @ :@separator: space; i0; @ : @guarded0:@children[; i0; @ u;[o:Sass::Script::Variable : @nameI" trans-z:ET:@underscored_nameI" trans_z;T: @linei1: @options{0[o:Sass::Tree::VariableNode ;I" trans;T: @expro:Sass::Script::List : @value[o; ;I" trans;T;I" trans;T; i1; @ o:Sass::Script::Funcall ;I"translateZ;T: @args[o; ;I" trans-z;T;I" trans_z;T; i1; @ :@keywords{: @splat0; i1; @ :@separator: space; i1; @ : @guarded0:@children[; i1; @ [u;[o:Sass::Script::Variable : @nameI" trans-z:ET:@underscored_nameI" trans_z;T: @linei,: @options{u:Sass::Tree::IfNode[00[o:Sass::Tree::VariableNode : @nameI" trans:ET: @expro:Sass::Script::List : @value[o:Sass::Script::Variable ;I" trans;T:@underscored_nameI" trans;T: @linei-: @options{o:Sass::Script::Funcall ;I"translate;T: @args[o; ;I" trans-x;T; I" trans_x;T; i-;@o; ;I" trans-y;T; I" trans_y;T; i-;@:@keywords{: @splat0; i-;@:@separator: space; i-;@: @guarded0:@children[; i-;@[o:Sass::Tree::VariableNode ;I" trans;T: @expro:Sass::Script::List : @value[o; ;I" trans;T;I" trans;T; i,; @ o:Sass::Script::Funcall ;I"translate3d;T: @args[o; ;I" trans-x;T;I" trans_x;T; i,; @ o; ;I" trans-y;T;I" trans_y;T; i,; @ o; ;I" trans-z;T;I" trans_z;T; i,; @ :@keywords{: @splat0; i,; @ :@separator: space; i,; @ : @guarded0:@children[; i,; @ o; ;[I"/* skew */; T;;;[; i4; @ u;'[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" skew-x:ET:@underscored_nameI" skew_x; T: @linei5: @options{:@operand2o; ;I" skew-y; T; I" skew_y; T; i5; @ :@operator:and; i5; @ u:Sass::Tree::IfNodel[00[u:Sass::Tree::IfNode[o:Sass::Script::Variable : @nameI" skew-x:ET:@underscored_nameI" skew_x;T: @linei7: @options{0[o:Sass::Tree::VariableNode ;I" trans;T: @expro:Sass::Script::List : @value[o; ;I" trans;T;I" trans;T; i7; @ o:Sass::Script::Funcall ;I" skewX;T: @args[o; ;I" skew-x;T;I" skew_x;T; i7; @ :@keywords{: @splat0; i7; @ :@separator: space; i7; @ : @guarded0:@children[; i7; @ u;[o:Sass::Script::Variable : @nameI" skew-y:ET:@underscored_nameI" skew_y;T: @linei8: @options{0[o:Sass::Tree::VariableNode ;I" trans;T: @expro:Sass::Script::List : @value[o; ;I" trans;T;I" trans;T; i8; @ o:Sass::Script::Funcall ;I" skewY;T: @args[o; ;I" skew-y;T;I" skew_y;T; i8; @ :@keywords{: @splat0; i8; @ :@separator: space; i8; @ : @guarded0:@children[; i8; @ [o:Sass::Tree::VariableNode ;I" trans; T: @expro:Sass::Script::List : @value[o; ;I" trans; T; I" trans; T; i5; @ o:Sass::Script::Funcall ;I" skew; T: @args[o; ;I" skew-x; T; I" skew_x; T; i5; @ o; ;I" skew-y; T; I" skew_y; T; i5; @ :@keywords{: @splat0; i5; @ :@separator: space; i5; @ : @guarded0:@children[; i5; @ o; ;[I"/* apply it! */; T;;;[; i;; @ o;, ;I"transform; T;[o; ;I" trans; T;I" trans; T; i<; @ o; ;I" only3d; T;I" only3d; T; i<; @ ;#{;0;[; i<; @ o;, ;I"transform-origin; T;[ o; ;I" origin-x; T;I" origin_x; T; i=; @ o; ;I" origin-y; T;I" origin_y; T; i=; @ o; ;I" origin-z; T;I" origin_z; T; i=; @ o; ;I" only3d; T;I" only3d; T; i=; @ ;#{;0;[; i=; @ ; i;(T; @ o; ;[I"q/* A simplified set of options * backwards-compatible with the previous version of the 'transform' mixin */; T;;;[; iA; @ o; ;I"simple-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; @ ;0;[o;, ;I"create-transform; T;[o;);F; iN; @ o; ;I" scale; T;I" scale; T; iO; @ o; ;I" scale; T;I" scale; T; iO; @ o;);F; iO; @ o;);F; iP; @ o;);F; iP; @ o; ;I" rotate; T;I" rotate; T; iP; @ o;);F; iP; @ o; ;I" trans-x; T;I" trans_x; T; iQ; @ o; ;I" trans-y; T;I" trans_y; T; iQ; @ o;);F; iQ; @ o; ;I" skew-x; T;I" skew_x; T; iR; @ o; ;I" skew-y; T;I" skew_y; T; iR; @ o; ;I" origin-x; T;I" origin_x; T; iS; @ o; ;I" origin-y; T;I" origin_y; T; iS; @ o;);F; iS; @ o;);F; iT; @ ;#{;0;[; iU; @ ; iL;(T; @ ; I"H@import "shared"; // @doc off // Note ---------------------------------------------------------------------- // Safari, Chrome, and Firefox all support 3D transforms. However, // only in the most recent builds. You should also provide fallback 2d support for // Opera and IE. IE10 is slated to have 3d enabled, but is currently unreleased. // 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, Firefox. // 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, -moz, -webkit, -o, -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, -moz, -webkit, -o, -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 unitless number representing the depth of the // z-axis. The higher the perspective, the more exaggerated the foreshortening. // values from 500 to 1000 are more-or-less "normal" - a good starting-point. @mixin perspective($p) { @include experimental(perspective, $p, -moz, -webkit, -o, -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, -moz, -webkit, -o, -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, -moz, -webkit, -o, -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, -moz, -webkit, -o, -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 backward-compatibility 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;(T; @