3.1.10 (Brainy Betty) 1faeeb68ccdcb0b2c4cbe63133e1285a536c5067 o:Sass::Tree::RootNode :@has_childrenT: @options{: @linei:@children[io:Sass::Tree::ImportNode ;@;i; [:@template0:@imported_filename" sharedo:Sass::Tree::CommentNode ;@;i; [: @value["/* @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)** */: @loud0: @silentio; ;@;i; [;["/* Available Transforms ------------------------------------------------------ * - Scale (2d and 3d) * - Rotate (2d and 3d) * - Translate (2d and 3d) * - Skew (2d only) */;0;io; ;@;i; [;["/* Transform Parameters ------------------------------------------------------ * - Transform Origin (2d and 3d) * - Perspective (3d) * - Perspective Origin (3d) * - Transform Style (3d) * - Backface Visibility (3d) */;0;io; ;@;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 */;0;io; ;@;i4; [;["a/* Defaults ------------------------------------------------------------------ * @doc on */;0;io; ;@;i7; [;["./* The default x-origin for transforms */;0;io:Sass::Tree::VariableNode ;@;i8; [: @guarded" !default: @name"default-origin-x: @expro:Sass::Script::Number :@original"50%;@;i8;i7:@denominator_units[:@numerator_units["%o; ;@;i9; [;["./* The default y-origin for transforms */;0;io; ;@;i:; [;" !default;"default-origin-y;o; ;"50%;@;i:;i7;[;["%o; ;@;i;; [;["./* The default z-origin for transforms */;0;io; ;@;i<; [;" !default;"default-origin-z;o; ;"50%;@;i<;i7;[;["%o; ;@;i?; [;["//* The default x-multiplier for scaling */;0;io; ;@;i@; [;" !default;"default-scale-x;o; ;" 1.25;@;i@;f 1.25;[;[o; ;@;iA; [;["//* The default y-multiplier for scaling */;0;io; ;@;iB; [;" !default;"default-scale-y;o:Sass::Script::Variable ;@;iB:@underscored_name"default_scale_x;"default-scale-xo; ;@;iC; [;["//* The default z-multiplier for scaling */;0;io; ;@;iD; [;" !default;"default-scale-z;o; ;@;iD;"default_scale_x;"default-scale-xo; ;@;iG; [;["*/* The default angle for rotations */;0;io; ;@;iH; [;" !default;"default-rotate;o; ;" 45deg;@;iH;i2;[;["dego; ;@;iK; [;[";F[o;;@;" only3d;" only3do;);@;i?;Fo; ;@;iF; [;["/* A longcut for 'rotate' in case you forget that 'z' is implied * * **Note** This mixin cannot be combined with other transform mixins. */;0;io; ;T;@;iM; [o;* ;@;iN; [;" rotate; [o; ;@;iN;" rotate;" rotateo; ;@;iN;"perspective;"perspectiveo; ;@;iN;" only3d;" only3d;!{;" rotateZ; [[o;;@;" rotate;" rotateo; ;@;iJ;"default_rotate;"default-rotate[o;;@;"perspective;"perspectiveo;);@;iK;F[o;;@;" only3d;" only3do;);@;iL;Fo; ;@;iQ; [;["/* Rotate an object around the x axis (3D) * @include rotateX( [ rotation, perspective ] ) * * **Note** This mixin cannot be combined with other transform mixins. */;0;io; ;T;@;iX; [o; ;@;iY; [;0;" trans;o; ;@;iY;" rotateX; [o; ;@;iY;" rotate;" rotate;!{u;%[o:Sass::Script::Variable : @options{: @lineiZ:@underscored_name"perspective: @name"perspective0[o:Sass::Tree::VariableNode ;@;iZ:@children[: @guarded0; " trans: @expro:Sass::Script::List ;@;iZ: @value[o:Sass::Script::Funcall ;@;iZ; "perspective: @args[o; ;@;iZ;"perspective; "perspective:@keywords{o; ;@;iZ;" trans; " trans:@separator: spaceo;* ;@;i[; [;"transform3d; [o; ;@;i[;" trans;" trans;!{;" rotateX; [[o;;@;" rotate;" rotateo; ;@;iV;"default_rotate;"default-rotate[o;;@;"perspective;"perspectiveo;);@;iW;Fo; ;@;i^; [;["/* Rotate an object around the y axis (3D) * @include rotate( [ rotation, perspective ] ) * * **Note** This mixin cannot be combined with other transform mixins. */;0;io; ;T;@;ie; [o; ;@;if; [;0;" trans;o; ;@;if;" rotateY; [o; ;@;if;" rotate;" rotate;!{u;%[o:Sass::Script::Variable : @options{: @lineig:@underscored_name"perspective: @name"perspective0[o:Sass::Tree::VariableNode ;@;ig:@children[: @guarded0; " trans: @expro:Sass::Script::List ;@;ig: @value[o:Sass::Script::Funcall ;@;ig; "perspective: @args[o; ;@;ig;"perspective; "perspective:@keywords{o; ;@;ig;" trans; " trans:@separator: spaceo;* ;@;ih; [;"transform3d; [o; ;@;ih;" trans;" trans;!{;" rotateY; [[o;;@;" rotate;" rotateo; ;@;ic;"default_rotate;"default-rotate[o;;@;"perspective;"perspectiveo;);@;id;Fo; ;@;ik; [;["/* 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. */;0;io; ;T;@;ix; [o; ;@;iy; [;0;" trans;o; ;@;iy;" rotate3d; [ o; ;@;iy;" vector_x;" vector-xo; ;@;iy;" vector_y;" vector-yo; ;@;iy;" vector_z;" vector-zo; ;@;iy;" rotate;" rotate;!{u;%[o:Sass::Script::Variable : @options{: @lineiz:@underscored_name"perspective: @name"perspective0[o:Sass::Tree::VariableNode ;@;iz:@children[: @guarded0; " trans: @expro:Sass::Script::List ;@;iz: @value[o:Sass::Script::Funcall ;@;iz; "perspective: @args[o; ;@;iz;"perspective; "perspective:@keywords{o; ;@;iz;" trans; " trans:@separator: spaceo;* ;@;i{; [;"transform3d; [o; ;@;i{;" trans;" trans;!{;" rotate3d; [ [o;;@;" vector_x;" vector-xo; ;@;is;"default_vector_x;"default-vector-x[o;;@;" vector_y;" vector-yo; ;@;it;"default_vector_y;"default-vector-y[o;;@;" vector_z;" vector-zo; ;@;iu;"default_vector_z;"default-vector-z[o;;@;" rotate;" rotateo; ;@;iv;"default_rotate;"default-rotate[o;;@;"perspective;"perspectiveo;);@;iw;Fo; ;@;i~; [;["m/* @doc off * Translate ----------------------------------------------------------------- * @doc on */;0;io; ;@;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. */;0;io; ;T;@;i; [o; ;@;i; [;0;" trans;o; ;@;i;"translate; [o; ;@;i;"translate_x;"translate-xo; ;@;i;"translate_y;"translate-y;!{u;%[o:Sass::Script::Variable : @options{: @linei:@underscored_name"perspective: @name"perspective0[o:Sass::Tree::VariableNode ;@;i:@children[: @guarded0; " trans: @expro:Sass::Script::List ;@;i: @value[o:Sass::Script::Funcall ;@;i; "perspective: @args[o; ;@;i;"perspective; "perspective:@keywords{o; ;@;i;" trans; " trans:@separator: spaceo;* ;@;i; [;"transform; [o; ;@;i;" trans;" transo; ;@;i;" only3d;" only3d;!{;"translate; [ [o;;@;"translate_x;"translate-xo; ;@;i;"default_translate_x;"default-translate-x[o;;@;"translate_y;"translate-yo; ;@;i;"default_translate_y;"default-translate-y[o;;@;"perspective;"perspectiveo;);@;i;F[o;;@;" only3d;" only3do;);@;i;Fo; ;@;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. */;0;io; ;T;@;i; [o; ;@;i; [;0;" trans;o; ;@;i;"translateX; [o; ;@;i;" trans_x;" trans-x;!{u;%[o:Sass::Script::Variable : @options{: @linei:@underscored_name"perspective: @name"perspective0[o:Sass::Tree::VariableNode ;@;i:@children[: @guarded0; " trans: @expro:Sass::Script::List ;@;i: @value[o:Sass::Script::Funcall ;@;i; "perspective: @args[o; ;@;i;"perspective; "perspective:@keywords{o; ;@;i;" trans; " trans:@separator: spaceo;* ;@;i; [;"transform; [o; ;@;i;" trans;" transo; ;@;i;" only3d;" only3d;!{;"translateX; [[o;;@;" trans_x;" trans-xo; ;@;i;"default_translate_x;"default-translate-x[o;;@;"perspective;"perspectiveo;);@;i;F[o;;@;" only3d;" only3do;);@;i;Fo; ;@;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. */;0;io; ;T;@;i; [o; ;@;i; [;0;" trans;o; ;@;i;"translateY; [o; ;@;i;" trans_y;" trans-y;!{u;%[o:Sass::Script::Variable : @options{: @linei:@underscored_name"perspective: @name"perspective0[o:Sass::Tree::VariableNode ;@;i:@children[: @guarded0; " trans: @expro:Sass::Script::List ;@;i: @value[o:Sass::Script::Funcall ;@;i; "perspective: @args[o; ;@;i;"perspective; "perspective:@keywords{o; ;@;i;" trans; " trans:@separator: spaceo;* ;@;i; [;"transform; [o; ;@;i;" trans;" transo; ;@;i;" only3d;" only3d;!{;"translateY; [[o;;@;" trans_y;" trans-yo; ;@;i;"default_translate_y;"default-translate-y[o;;@;"perspective;"perspectiveo;);@;i;F[o;;@;" only3d;" only3do;);@;i;Fo; ;@;i; [;["/* Move an object along the z axis (3D) * @include translate( [ translate-z, perspective ] ) * * **Note** This mixin cannot be combined with other transform mixins. */;0;io; ;T;@;i; [o; ;@;i; [;0;" trans;o; ;@;i;"translateZ; [o; ;@;i;" trans_z;" trans-z;!{u;%[o:Sass::Script::Variable : @options{: @linei:@underscored_name"perspective: @name"perspective0[o:Sass::Tree::VariableNode ;@;i:@children[: @guarded0; " trans: @expro:Sass::Script::List ;@;i: @value[o:Sass::Script::Funcall ;@;i; "perspective: @args[o; ;@;i;"perspective; "perspective:@keywords{o; ;@;i;" trans; " trans:@separator: spaceo;* ;@;i; [;"transform3d; [o; ;@;i;" trans;" trans;!{;"translateZ; [[o;;@;" trans_z;" trans-zo; ;@;i;"default_translate_z;"default-translate-z[o;;@;"perspective;"perspectiveo;);@;i;Fo; ;@;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. */;0;io; ;T;@;i; [o; ;@;i; [;0;" trans;o; ;@;i;"translate3d; [o; ;@;i;"translate_x;"translate-xo; ;@;i;"translate_y;"translate-yo; ;@;i;"translate_z;"translate-z;!{u;%[o:Sass::Script::Variable : @options{: @linei:@underscored_name"perspective: @name"perspective0[o:Sass::Tree::VariableNode ;@;i:@children[: @guarded0; " trans: @expro:Sass::Script::List ;@;i: @value[o:Sass::Script::Funcall ;@;i; "perspective: @args[o; ;@;i;"perspective; "perspective:@keywords{o; ;@;i;" trans; " trans:@separator: spaceo;* ;@;i; [;"transform3d; [o; ;@;i;" trans;" trans;!{;"translate3d; [ [o;;@;"translate_x;"translate-xo; ;@;i;"default_translate_x;"default-translate-x[o;;@;"translate_y;"translate-yo; ;@;i;"default_translate_y;"default-translate-y[o;;@;"translate_z;"translate-zo; ;@;i;"default_translate_z;"default-translate-z[o;;@;"perspective;"perspectiveo;);@;i;Fo; ;@;i; [;["m/* @doc off * Skew ---------------------------------------------------------------------- * @doc on */;0;io; ;@;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. */;0;io; ;T;@;i; [o; ;@;i; [;0;" trans;o; ;@;i;" skew; [o; ;@;i;" skew_x;" skew-xo; ;@;i;" skew_y;" skew-y;!{o;* ;@;i; [;"transform; [o; ;@;i;" trans;" transo; ;@;i;" only3d;" only3d;!{;" skew; [[o;;@;" skew_x;" skew-xo; ;@;i;"default_skew_x;"default-skew-x[o;;@;" skew_y;" skew-yo; ;@;i;"default_skew_y;"default-skew-y[o;;@;" only3d;" only3do;);@;i;Fo; ;@;i; [;["/* Skew an element along the x axiz * * @include skew( [ skew-x, 3D-only ] ) * * **Note** This mixin cannot be combined with other transform mixins. */;0;io; ;T;@;i; [o; ;@;i; [;0;" trans;o; ;@;i;" skewX; [o; ;@;i;" skew_x;" skew-x;!{o;* ;@;i; [;"transform; [o; ;@;i;" trans;" transo; ;@;i;" only3d;" only3d;!{;" skewX; [[o;;@;" skew_x;" skew-xo; ;@;i;"default_skew_x;"default-skew-x[o;;@;" only3d;" only3do;);@;i;Fo; ;@;i; [;["/* Skew an element along the y axis * * @include skew( [ skew-y, 3D-only ] ) * * **Note** This mixin cannot be combined with other transform mixins. */;0;io; ;T;@;i; [o; ;@;i; [;0;" trans;o; ;@;i;" skewY; [o; ;@;i;" skew_y;" skew-y;!{o;* ;@;i; [;"transform; [o; ;@;i;" trans;" transo; ;@;i;" only3d;" only3d;!{;" skewY; [[o;;@;" skew_y;" skew-yo; ;@;i;"default_skew_y;"default-skew-y[o;;@;" only3d;" only3do;);@;i;Fo; ;@;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. */;0;io; ;T;@;i; [o; ;@;i; [;0;" trans;o; ;@;i;" unquote; [o;& ;@;i;";';(;!{o; ;@;i; [;["/* perspective */;0;iu;%.[o:Sass::Script::Variable : @options{: @linei:@underscored_name"perspective: @name"perspective0[o:Sass::Tree::VariableNode ;@;i:@children[: @guarded0; " trans: @expro:Sass::Script::Funcall ;@;i; "perspective: @args[o; ;@;i;"perspective; "perspective:@keywords{o; ;@;i; [;["/* scale */;0;iu;%[o:Sass::Script::Operation : @options{: @linei:@operand2o:Sass::Script::Variable ;@;i:@underscored_name" scale_y: @name" scale-y:@operand1o; ;@;i; " scale_x; " scale-x:@operator:andu:Sass::Tree::IfNode[00[u:Sass::Tree::IfNodev[o:Sass::Script::Variable : @options{: @linei:@underscored_name" scale_x: @name" scale-x0[o:Sass::Tree::VariableNode ;@;i:@children[: @guarded0; " trans: @expro:Sass::Script::List ;@;i: @value[o; ;@;i;" trans; " transo:Sass::Script::Funcall ;@;i; " scaleX: @args[o; ;@;i;" scale_x; " scale-x:@keywords{:@separator: spaceu;v[o:Sass::Script::Variable : @options{: @linei :@underscored_name" scale_y: @name" scale-y0[o:Sass::Tree::VariableNode ;@;i :@children[: @guarded0; " trans: @expro:Sass::Script::List ;@;i : @value[o; ;@;i ;" trans; " transo:Sass::Script::Funcall ;@;i ; " scaleY: @args[o; ;@;i ;" scale_y; " scale-y:@keywords{:@separator: spaceu;v[o:Sass::Script::Variable : @options{: @linei!:@underscored_name" scale_z: @name" scale-z0[o:Sass::Tree::VariableNode ;@;i!:@children[: @guarded0; " trans: @expro:Sass::Script::List ;@;i!: @value[o; ;@;i!;" trans; " transo:Sass::Script::Funcall ;@;i!; " scaleZ: @args[o; ;@;i!;" scale_z; " scale-z:@keywords{:@separator: space[u;L[o:Sass::Script::Variable : @options{: @linei:@underscored_name" scale_z: @name" scale-zu:Sass::Tree::IfNodev[00[o:Sass::Tree::VariableNode : @options{: @linei:@children[: @guarded0: @name" trans: @expro:Sass::Script::List ;@;i: @value[o:Sass::Script::Variable ;@;i:@underscored_name" trans; " transo:Sass::Script::Funcall ;@;i; " scale: @args[o; ;@;i;" scale_x; " scale-xo; ;@;i;" scale_y; " scale-y:@keywords{:@separator: space[o:Sass::Tree::VariableNode ;@;i:@children[: @guarded0; " trans: @expro:Sass::Script::List ;@;i: @value[o; ;@;i;" trans; " transo:Sass::Script::Funcall ;@;i; " scale3d: @args[o; ;@;i;" scale_x; " scale-xo; ;@;i;" scale_y; " scale-yo; ;@;i;" scale_z; " scale-z:@keywords{:@separator: spaceo; ;@;i$; [;["/* rotate */;0;iu;%{[o:Sass::Script::Variable : @options{: @linei%:@underscored_name" rotate_x: @name" rotate-x0[o:Sass::Tree::VariableNode ;@;i%:@children[: @guarded0; " trans: @expro:Sass::Script::List ;@;i%: @value[o; ;@;i%;" trans; " transo:Sass::Script::Funcall ;@;i%; " rotateX: @args[o; ;@;i%;" rotate_x; " rotate-x:@keywords{:@separator: spaceu;%{[o:Sass::Script::Variable : @options{: @linei&:@underscored_name" rotate_y: @name" rotate-y0[o:Sass::Tree::VariableNode ;@;i&:@children[: @guarded0; " trans: @expro:Sass::Script::List ;@;i&: @value[o; ;@;i&;" trans; " transo:Sass::Script::Funcall ;@;i&; " rotateY: @args[o; ;@;i&;" rotate_y; " rotate-y:@keywords{:@separator: spaceu;%{[o:Sass::Script::Variable : @options{: @linei':@underscored_name" rotate_z: @name" rotate-z0[o:Sass::Tree::VariableNode ;@;i':@children[: @guarded0; " trans: @expro:Sass::Script::List ;@;i': @value[o; ;@;i';" trans; " transo:Sass::Script::Funcall ;@;i'; " rotateZ: @args[o; ;@;i';" rotate_z; " rotate-z:@keywords{:@separator: spaceu;%|[o:Sass::Script::Variable : @options{: @linei(:@underscored_name" rotate3d: @name" rotate3d0[o:Sass::Tree::VariableNode ;@;i(:@children[: @guarded0; " trans: @expro:Sass::Script::List ;@;i(: @value[o; ;@;i(;" trans; " transo:Sass::Script::Funcall ;@;i(; " rotate3d: @args[o; ;@;i(;" rotate3d; " rotate3d:@keywords{:@separator: spaceo; ;@;i*; [;["/* translate */;0;iu;%[o:Sass::Script::Operation : @options{: @linei+:@operand2o:Sass::Script::Variable ;@;i+:@underscored_name" trans_y: @name" trans-y:@operand1o; ;@;i+; " trans_x; " trans-x:@operator:andu:Sass::Tree::IfNode[00[u:Sass::Tree::IfNodez[o:Sass::Script::Variable : @options{: @linei/:@underscored_name" trans_x: @name" trans-x0[o:Sass::Tree::VariableNode ;@;i/:@children[: @guarded0; " trans: @expro:Sass::Script::List ;@;i/: @value[o; ;@;i/;" trans; " transo:Sass::Script::Funcall ;@;i/; "translateX: @args[o; ;@;i/;" trans_x; " trans-x:@keywords{:@separator: spaceu;z[o:Sass::Script::Variable : @options{: @linei0:@underscored_name" trans_y: @name" trans-y0[o:Sass::Tree::VariableNode ;@;i0:@children[: @guarded0; " trans: @expro:Sass::Script::List ;@;i0: @value[o; ;@;i0;" trans; " transo:Sass::Script::Funcall ;@;i0; "translateY: @args[o; ;@;i0;" trans_y; " trans-y:@keywords{:@separator: spaceu;z[o:Sass::Script::Variable : @options{: @linei1:@underscored_name" trans_z: @name" trans-z0[o:Sass::Tree::VariableNode ;@;i1:@children[: @guarded0; " trans: @expro:Sass::Script::List ;@;i1: @value[o; ;@;i1;" trans; " transo:Sass::Script::Funcall ;@;i1; "translateZ: @args[o; ;@;i1;" trans_z; " trans-z:@keywords{:@separator: space[u;T[o:Sass::Script::Variable : @options{: @linei,:@underscored_name" trans_z: @name" trans-zu:Sass::Tree::IfNodez[00[o:Sass::Tree::VariableNode : @options{: @linei-:@children[: @guarded0: @name" trans: @expro:Sass::Script::List ;@;i-: @value[o:Sass::Script::Variable ;@;i-:@underscored_name" trans; " transo:Sass::Script::Funcall ;@;i-; "translate: @args[o; ;@;i-;" trans_x; " trans-xo; ;@;i-;" trans_y; " trans-y:@keywords{:@separator: space[o:Sass::Tree::VariableNode ;@;i,:@children[: @guarded0; " trans: @expro:Sass::Script::List ;@;i,: @value[o; ;@;i,;" trans; " transo:Sass::Script::Funcall ;@;i,; "translate3d: @args[o; ;@;i,;" trans_x; " trans-xo; ;@;i,;" trans_y; " trans-yo; ;@;i,;" trans_z; " trans-z:@keywords{:@separator: spaceo; ;@;i4; [;["/* skew */;0;iu;%[o:Sass::Script::Operation : @options{: @linei5:@operand2o:Sass::Script::Variable ;@;i5:@underscored_name" skew_y: @name" skew-y:@operand1o; ;@;i5; " skew_x; " skew-x:@operator:andu:Sass::Tree::IfNode[00[u:Sass::Tree::IfNodeq[o:Sass::Script::Variable : @options{: @linei7:@underscored_name" skew_x: @name" skew-x0[o:Sass::Tree::VariableNode ;@;i7:@children[: @guarded0; " trans: @expro:Sass::Script::List ;@;i7: @value[o; ;@;i7;" trans; " transo:Sass::Script::Funcall ;@;i7; " skewX: @args[o; ;@;i7;" skew_x; " skew-x:@keywords{:@separator: spaceu;q[o:Sass::Script::Variable : @options{: @linei8:@underscored_name" skew_y: @name" skew-y0[o:Sass::Tree::VariableNode ;@;i8:@children[: @guarded0; " trans: @expro:Sass::Script::List ;@;i8: @value[o; ;@;i8;" trans; " transo:Sass::Script::Funcall ;@;i8; " skewY: @args[o; ;@;i8;" skew_y; " skew-y:@keywords{:@separator: space[o:Sass::Tree::VariableNode ;@;i5:@children[: @guarded0; " trans: @expro:Sass::Script::List ;@;i5: @value[o; ;@;i5; " trans; " transo:Sass::Script::Funcall ;@;i5; " skew: @args[o; ;@;i5; " skew_x; " skew-xo; ;@;i5; " skew_y; " skew-y:@keywords{:@separator: spaceo; ;@;i;; [;["/* apply it! */;0;io;* ;@;i<; [;"transform; [o; ;@;i<;" trans;" transo; ;@;i<;" only3d;" only3d;!{o;* ;@;i=; [;"transform-origin; [ o; ;@;i=;" origin_x;" origin-xo; ;@;i=;" origin_y;" origin-yo; ;@;i=;" origin_z;" origin-zo; ;@;i=;" only3d;" only3d;!{;"create-transform; [[o;;@;"perspective;"perspectiveo;);@;i;F[o;;@;" scale_x;" scale-xo;);@;i;F[o;;@;" scale_y;" scale-yo;);@;i;F[o;;@;" scale_z;" scale-zo;);@;i;F[o;;@;" rotate_x;" rotate-xo;);@;i;F[o;;@;" rotate_y;" rotate-yo;);@;i;F[o;;@;" rotate_z;" rotate-zo;);@;i ;F[o;;@;" rotate3d;" rotate3do;);@;i ;F[o;;@;" trans_x;" trans-xo;);@;i ;F[o;;@;" trans_y;" trans-yo;);@;i ;F[o;;@;" trans_z;" trans-zo;);@;i ;F[o;;@;" skew_x;" skew-xo;);@;i;F[o;;@;" skew_y;" skew-yo;);@;i;F[o;;@;" origin_x;" origin-xo;);@;i;F[o;;@;" origin_y;" origin-yo;);@;i;F[o;;@;" origin_z;" origin-zo;);@;i;F[o;;@;" only3d;" only3do;);@;i;Fo; ;@;iA; [;["q/* A simplified set of options * backwards-compatible with the previous version of the 'transform' mixin */;0;io; ;T;@;iL; [o;* ;@;iU; [;"create-transform; [o;);@;iN;Fo; ;@;iO;" scale;" scaleo; ;@;iO;" scale;" scaleo;);@;iO;Fo;);@;iP;Fo;);@;iP;Fo; ;@;iP;" rotate;" rotateo;);@;iP;Fo; ;@;iQ;" trans_x;" trans-xo; ;@;iQ;" trans_y;" trans-yo;);@;iQ;Fo; ;@;iR;" skew_x;" skew-xo; ;@;iR;" skew_y;" skew-yo; ;@;iS;" origin_x;" origin-xo; ;@;iS;" origin_y;" origin-yo;);@;iS;Fo;);@;iT;F;!{;"simple-transform; [ [o;;@;" scale;" scaleo;);@;iD;F[o;;@;" rotate;" rotateo;);@;iE;F[o;;@;" trans_x;" trans-xo;);@;iF;F[o;;@;" trans_y;" trans-yo;);@;iG;F[o;;@;" skew_x;" skew-xo;);@;iH;F[o;;@;" skew_y;" skew-yo;);@;iI;F[o;;@;" origin_x;" origin-xo;);@;iJ;F[o;;@;" origin_y;" origin-yo;);@;iK;F; "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 ); }