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