compass 0.11.alpha.0 → 0.11.alpha.1

data/test/fixtures/stylesheets/compass/css/text_shadow.css

@@ -0,0 +1,14 @@
+.legacy-text-shadow {
+  text-shadow: #777777 5px 5px 10px; }
+
+.single-text-shadow {
+  text-shadow: #aaaaaa 0px 0px 1px; }
+
+.default-text-shadow {
+  text-shadow: #aaaaaa 0px 0px 1px; }
+
+.multiple-text-shadows-with-default {
+  text-shadow: #aaaaaa 0px 0px 1px, 2px 2px 5px #222222; }
+
+.multiple-text-shadows {
+  text-shadow: 4px 4px 10px #444444, 2px 2px 5px #222222; }

data/test/fixtures/stylesheets/compass/sass/box.sass

@@ -1,4 +1,4 @@
-@import compass/css3
+@import compass/css3/box
 
 .hbox
   +display-box

data/test/fixtures/stylesheets/compass/sass/box_shadow.scss

@@ -1,5 +1,5 @@
-@import "compass/css3/box-shadow-v2";
+@import "compass/css3/box-shadow";
 
 .box-shadow { @include box-shadow(default, 2px 2px 5px #222);}
 .single-box-shadow { @include single-box-shadow;}
-.multiple-box-shadows { @include multiple-box-shadows(default, 2px 2px 5px #222);}
+.multiple-box-shadows { @include box-shadow(default, 2px 2px 5px #222);}

data/test/fixtures/stylesheets/compass/sass/gradients.sass

@@ -1,4 +1,4 @@
-@import compass/css3
+@import compass/css3/images, compass/css3/gradient
 
 $experimental-support-for-svg: true
 .bg-simple-image

data/test/fixtures/stylesheets/compass/sass/pie.scss

@@ -0,0 +1,47 @@
+@import "compass/css3";
+@import "compass/css3/pie";
+
+
+// There are two approaches to creating PIE elements
+// The default approach is to make the element position: relative.
+$pie-base-class: pie-element;
+.pie-element {
+  // relative is the default, so passing relative
+  // is redundant, but we do it here for clarity.
+  @include pie-element(relative);
+}
+
+.bordered {
+  @include pie; // Because $pie-base-class is set, this results in an extend of .pie-element. 
+  @include border-radius(5px);
+}
+
+.gradient {
+  @include pie; // Because $pie-base-class is set, this results in an extend of .pie-element.
+  @include background(linear-gradient(#f00, #00f));
+}
+
+
+// But sometimes this messes up your positioning
+// So you can also use z-indexing. In this case
+// an ancestor element before or having the first
+// opaque background should be marked as a pie-container
+// which gives it a z-index of 0 (actually any z-index
+// can be provided to the pie-container mixin).
+// And then the pie element itself should be given
+// a z-index of -1.
+.pie-container {
+  @include pie-container;
+}
+
+.z-pie-element {
+  // this will get a z-index of 0, you can pass a z-index value if you want
+  @include pie-element(z-index);
+}
+
+.widget {
+  @extend .pie-container; // This will
+  h3 {
+    @include pie(z-pie-element); // This will extend .z-pie-element instead of .pie-element
+  }
+}

data/test/fixtures/stylesheets/compass/sass/text_shadow.scss

@@ -0,0 +1,7 @@
+@import "compass/css3/text-shadow";
+
+.legacy-text-shadow { @include text-shadow(#777, 5px, 5px, 10px); }
+.single-text-shadow { @include single-text-shadow;}
+.default-text-shadow { @include text-shadow;}
+.multiple-text-shadows-with-default { @include text-shadow(default, 2px 2px 5px #222);}
+.multiple-text-shadows { @include text-shadow(4px 4px 10px #444, 2px 2px 5px #222);}

data/test/fixtures/stylesheets/compass/sass/transform.scss

@@ -1,4 +1,4 @@
-@import "compass/css3/transform-v2";
+@import "compass/css3/transform";
 
 .apply-origin-2d                  { @include apply-origin(2px 5%, false); }
 .apply-origin-3d                  { @include apply-origin(2px 5% 2in, true); }

metadata

@@ -6,8 +6,8 @@ version: !ruby/object:Gem::Version
   - 0
   - 11
   - alpha
-  - 0
-  version: 0.11.alpha.0
+  - 1
+  version: 0.11.alpha.1
 platform: ruby
 authors: 
 - Chris Eppstein
@@ -17,7 +17,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2010-11-15 00:00:00 -08:00
+date: 2010-11-24 00:00:00 -08:00
 default_executable: compass
 dependencies: 
 - !ruby/object:Gem::Dependency 
@@ -115,10 +115,19 @@ files:
 - examples/compass/clean.rb
 - examples/compass/compass.html.haml
 - examples/compass/config.rb
+- examples/compass/headers.txt
 - examples/compass/images/blue_arrow.gif
+- examples/compass/images/border2.png
+- examples/compass/images/icon-chrome.png
+- examples/compass/images/icon-firefox.png
+- examples/compass/images/icon-ie.png
+- examples/compass/images/icon-opera.png
+- examples/compass/images/icon-safari.png
+- examples/compass/pie.html.haml
 - examples/compass/src/bp_layout.scss
 - examples/compass/src/compass.scss
 - examples/compass/src/images/blue_arrow.gif
+- examples/compass/src/pie.scss
 - examples/compass/src/sticky_footer.scss
 - examples/compass/src/utilities.scss
 - examples/compass/sticky_footer.html.haml
@@ -226,7 +235,6 @@ files:
 - frameworks/compass/stylesheets/compass/css3/_background-origin.scss
 - frameworks/compass/stylesheets/compass/css3/_background-size.scss
 - frameworks/compass/stylesheets/compass/css3/_border-radius.scss
-- frameworks/compass/stylesheets/compass/css3/_box-shadow-v2.scss
 - frameworks/compass/stylesheets/compass/css3/_box-shadow.scss
 - frameworks/compass/stylesheets/compass/css3/_box-sizing.scss
 - frameworks/compass/stylesheets/compass/css3/_box.scss
@@ -236,14 +244,12 @@ files:
 - frameworks/compass/stylesheets/compass/css3/_images.scss
 - frameworks/compass/stylesheets/compass/css3/_inline-block.scss
 - frameworks/compass/stylesheets/compass/css3/_opacity.scss
+- frameworks/compass/stylesheets/compass/css3/_pie.scss
 - frameworks/compass/stylesheets/compass/css3/_shared.scss
-- frameworks/compass/stylesheets/compass/css3/_text-shadow-v2.scss
 - frameworks/compass/stylesheets/compass/css3/_text-shadow.scss
-- frameworks/compass/stylesheets/compass/css3/_transform-v2.scss
+- frameworks/compass/stylesheets/compass/css3/_transform-legacy.scss
 - frameworks/compass/stylesheets/compass/css3/_transform.scss
 - frameworks/compass/stylesheets/compass/css3/_transition.scss
-- frameworks/compass/stylesheets/compass/css3/_version-1.scss
-- frameworks/compass/stylesheets/compass/css3/_version-2.scss
 - frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss
 - frameworks/compass/stylesheets/compass/layout/_stretching.scss
 - frameworks/compass/stylesheets/compass/reset/_utilities.scss
@@ -282,6 +288,12 @@ files:
 - frameworks/compass/templates/extension/stylesheets/main.sass
 - frameworks/compass/templates/extension/templates/project/manifest.rb
 - frameworks/compass/templates/extension/templates/project/screen.sass
+- frameworks/compass/templates/pie/LICENSE
+- frameworks/compass/templates/pie/LICENSE-APACHE2.txt
+- frameworks/compass/templates/pie/LICENSE-GPL2.txt
+- frameworks/compass/templates/pie/manifest.rb
+- frameworks/compass/templates/pie/PIE.htc
+- frameworks/compass/templates/pie/pie.scss
 - frameworks/compass/templates/project/ie.sass
 - frameworks/compass/templates/project/manifest.rb
 - frameworks/compass/templates/project/print.sass
@@ -351,6 +363,7 @@ files:
 - lib/compass/installers/template_context.rb
 - lib/compass/installers.rb
 - lib/compass/logger.rb
+- lib/compass/rails.rb
 - lib/compass/sass_extensions/functions/colors.rb
 - lib/compass/sass_extensions/functions/constants.rb
 - lib/compass/sass_extensions/functions/display.rb
@@ -370,10 +383,10 @@ files:
 - lib/compass/sass_extensions.rb
 - lib/compass/stats.rb
 - lib/compass/test_case.rb
+- lib/compass/util.rb
 - lib/compass/validator.rb
 - lib/compass/version.rb
 - lib/compass.rb
-- lib/rails/init.rb
 - lib/vendor/fssm/fssm/backends/fsevents.rb
 - lib/vendor/fssm/fssm/backends/inotify.rb
 - lib/vendor/fssm/fssm/backends/polling.rb
@@ -454,9 +467,11 @@ files:
 - test/fixtures/stylesheets/compass/css/layout.css
 - test/fixtures/stylesheets/compass/css/legacy_clearfix.css
 - test/fixtures/stylesheets/compass/css/lists.css
+- test/fixtures/stylesheets/compass/css/pie.css
 - test/fixtures/stylesheets/compass/css/print.css
 - test/fixtures/stylesheets/compass/css/reset.css
 - test/fixtures/stylesheets/compass/css/stretching.css
+- test/fixtures/stylesheets/compass/css/text_shadow.css
 - test/fixtures/stylesheets/compass/css/transform.css
 - test/fixtures/stylesheets/compass/css/utilities.css
 - test/fixtures/stylesheets/compass/images/100x150.gif
@@ -475,9 +490,11 @@ files:
 - test/fixtures/stylesheets/compass/sass/layout.sass
 - test/fixtures/stylesheets/compass/sass/legacy_clearfix.scss
 - test/fixtures/stylesheets/compass/sass/lists.scss
+- test/fixtures/stylesheets/compass/sass/pie.scss
 - test/fixtures/stylesheets/compass/sass/print.sass
 - test/fixtures/stylesheets/compass/sass/reset.sass
 - test/fixtures/stylesheets/compass/sass/stretching.sass
+- test/fixtures/stylesheets/compass/sass/text_shadow.scss
 - test/fixtures/stylesheets/compass/sass/transform.scss
 - test/fixtures/stylesheets/compass/sass/utilities.scss
 - test/fixtures/stylesheets/image_urls/config.rb
@@ -606,9 +623,11 @@ test_files:
 - test/fixtures/stylesheets/compass/css/layout.css
 - test/fixtures/stylesheets/compass/css/legacy_clearfix.css
 - test/fixtures/stylesheets/compass/css/lists.css
+- test/fixtures/stylesheets/compass/css/pie.css
 - test/fixtures/stylesheets/compass/css/print.css
 - test/fixtures/stylesheets/compass/css/reset.css
 - test/fixtures/stylesheets/compass/css/stretching.css
+- test/fixtures/stylesheets/compass/css/text_shadow.css
 - test/fixtures/stylesheets/compass/css/transform.css
 - test/fixtures/stylesheets/compass/css/utilities.css
 - test/fixtures/stylesheets/compass/images/100x150.gif
@@ -627,9 +646,11 @@ test_files:
 - test/fixtures/stylesheets/compass/sass/layout.sass
 - test/fixtures/stylesheets/compass/sass/legacy_clearfix.scss
 - test/fixtures/stylesheets/compass/sass/lists.scss
+- test/fixtures/stylesheets/compass/sass/pie.scss
 - test/fixtures/stylesheets/compass/sass/print.sass
 - test/fixtures/stylesheets/compass/sass/reset.sass
 - test/fixtures/stylesheets/compass/sass/stretching.sass
+- test/fixtures/stylesheets/compass/sass/text_shadow.scss
 - test/fixtures/stylesheets/compass/sass/transform.scss
 - test/fixtures/stylesheets/compass/sass/utilities.scss
 - test/fixtures/stylesheets/image_urls/config.rb

data/frameworks/compass/stylesheets/compass/css3/_box-shadow-v2.scss

@@ -1,98 +0,0 @@
-// @doc off
-// These defaults make the arguments optional for this mixin
-// If you like, set different defaults before importing.
-// @doc on
-
-@import "shared";
-
-
-// The default color for box shadows
-$default-box-shadow-color: #333333 !default;
-
-// The default horizontal offset. Positive is to the right.
-$default-box-shadow-h-offset: 0px !default;
-
-// The default vertical offset. Positive is down.
-$default-box-shadow-v-offset: 0px !default;
-
-// The default blur length.
-$default-box-shadow-blur: 5px !default;
-
-// The default spread length.
-$default-box-shadow-spread : false !default;
-
-// The default shadow instet: inset or false (for standard shadow).
-$default-box-shadow-inset : false !default;
-
-// Provides cross-browser CSS box shadows for Webkit, Gecko, and CSS3.
-// Arguments are color, horizontal offset, vertical offset, blur length, spread length, and inset.
-@mixin single-box-shadow(
-  $color  : $default-box-shadow-color,
-  $hoff   : $default-box-shadow-h-offset,
-  $voff   : $default-box-shadow-v-offset,
-  $blur   : $default-box-shadow-blur,
-  $spread : $default-box-shadow-spread,
-  $inset  : $default-box-shadow-inset
-) {
-  @if not ($inset == true or $inset == false or $inset == inset) {
-    @warn "$inset expected to be true or the inset keyword. Got #{$inset} instead. Using: inset";
-  }
-
-  @if $color == none {
-    @include multiple-box-shadows(none);
-  } @else {
-    $full   : $hoff $voff;
-    @if $blur   { $full: $full $blur;   }
-    @if $spread { $full: $full $spread; }
-    @if $color  { $full: $full $color;  }
-    @if $inset  { $full: inset $full;   }
-    @include multiple-box-shadows($full);
-  }
-}
-
-// Provides cross-browser box shadows when one or more box shadows are needed.
-@mixin multiple-box-shadows(
-  $shadow-1 : default,
-  $shadow-2 : false,
-  $shadow-3 : false,
-  $shadow-4 : false,
-  $shadow-5 : false,
-  $shadow-6 : false,
-  $shadow-7 : false,
-  $shadow-8 : false,
-  $shadow-9 : false,
-  $shadow-10: false
-) {
-  
-  @if not ($default-box-shadow-inset == true or $default-box-shadow-inset == false or $default-box-shadow-inset == inset) {
-    @warn "$default-box-shadow-inset expected to be true or the inset keyword. Got #{$default-box-shadow-inset} instead. Using: inset";
-  }
-  
-  @if $shadow-1 == default {
-    $shadow-1 : -compass-space-list(compact(if($default-box-shadow-inset, inset), $default-box-shadow-h-offset, $default-box-shadow-v-offset, $default-box-shadow-blur, $default-box-shadow-spread, $default-box-shadow-color));
-  }
-  
-  $shadow : compact($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10);
-  @include experimental(box-shadow, $shadow,
-    -moz, -webkit, -o, not -ms, not -khtml, official
-  );
-}
-
-@mixin box-shadow(
-  $shadow-1 : default,
-  $shadow-2 : false,
-  $shadow-3 : false,
-  $shadow-4 : false,
-  $shadow-5 : false,
-  $shadow-6 : false,
-  $shadow-7 : false,
-  $shadow-8 : false,
-  $shadow-9 : false,
-  $shadow-10: false
-) {
-  @include multiple-box-shadows(
-    $shadow-1, $shadow-2, $shadow-3,
-    $shadow-4, $shadow-5, $shadow-6,
-    $shadow-7, $shadow-8, $shadow-9, $shadow-10
-  );
-}

data/frameworks/compass/stylesheets/compass/css3/_text-shadow-v2.scss

@@ -1,72 +0,0 @@
-@import "shared";
-
-// These defaults make the arguments optional for this mixin
-// If you like, set different defaults in your project
-
-$default-text-shadow-color:    #aaa !default;
-$default-text-shadow-h-offset: 0px  !default;
-$default-text-shadow-v-offset: 0px  !default;
-$default-text-shadow-blur:     1px  !default;
-
-// Provides CSS text shadows.
-// Arguments are color, horizontal offset, vertical offset, and blur
-@mixin single-text-shadow(
-  $color: $default-text-shadow-color,
-  $hoff: $default-text-shadow-h-offset,
-  $voff: $default-text-shadow-v-offset,
-  $blur: $default-text-shadow-blur
-) {
-  // XXX I'm surprised we don't need experimental support for this property.
-  @if $color == none {
-    text-shadow: none;
-  } @else {
-    text-shadow: $color $hoff $voff $blur;    
-  }
-}
-
-// Provides cross-browser text shadows when one or more shadows are needed.
-@mixin multiple-text-shadows(
-  $shadow-1 : $default-text-shadow-color $default-text-shadow-h-offset $default-text-shadow-v-offset $default-text-shadow-blur,
-  $shadow-2 : false,
-  $shadow-3 : false,
-  $shadow-4 : false,
-  $shadow-5 : false,
-  $shadow-6 : false,
-  $shadow-7 : false,
-  $shadow-8 : false,
-  $shadow-9 : false,
-  $shadow-10: false
-) {
-  // Ugh. Sass needs variable argument support.
-  $shadow : $shadow-1;
-  @if $shadow-2  { $shadow: $shadow, $shadow-2;  }
-  @if $shadow-3  { $shadow: $shadow, $shadow-3;  }
-  @if $shadow-4  { $shadow: $shadow, $shadow-4;  }
-  @if $shadow-5  { $shadow: $shadow, $shadow-5;  }
-  @if $shadow-6  { $shadow: $shadow, $shadow-6;  }
-  @if $shadow-7  { $shadow: $shadow, $shadow-7;  }
-  @if $shadow-8  { $shadow: $shadow, $shadow-8;  }
-  @if $shadow-9  { $shadow: $shadow, $shadow-9;  }
-  @if $shadow-10 { $shadow: $shadow, $shadow-10; }
-  // Anticlimactic, we know.
-  text-shadow: $shadow
-}
-
-@mixin text-shadow(
-  $shadow-1 : $default-text-shadow-color $default-text-shadow-h-offset $default-text-shadow-v-offset $default-text-shadow-blur,
-  $shadow-2 : false,
-  $shadow-3 : false,
-  $shadow-4 : false,
-  $shadow-5 : false,
-  $shadow-6 : false,
-  $shadow-7 : false,
-  $shadow-8 : false,
-  $shadow-9 : false,
-  $shadow-10: false
-) {
-  @include multiple-text-shadows(
-    $shadow-1, $shadow-2, $shadow-3,
-    $shadow-4, $shadow-5, $shadow-6,
-    $shadow-7, $shadow-8, $shadow-9, $shadow-10
-  );
-}

data/frameworks/compass/stylesheets/compass/css3/_transform-v2.scss

@@ -1,584 +0,0 @@
-@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
-
-// Transform Origin
-$default-origin-x    : 50%                   !default;
-$default-origin-y    : 50%                   !default;
-$default-origin-z    : 50%                   !default;
-
-// Scale
-$default-scale-x     : 1.25                  !default;
-$default-scale-y     : $default-scale-x      !default;
-$default-scale-z     : $default-scale-x      !default;
-
-// Rotate
-$default-rotate      : 45deg                 !default;
-
-// Rotate3d
-$default-vector-x    : 1                     !default;
-$default-vector-y    : 1                     !default;
-$default-vector-z    : 1                     !default;
-
-// Translate
-$default-translate-x : 1em                   !default;
-$default-translate-y : $default-translate-x  !default;
-$default-translate-z : $default-translate-x  !default;
-
-// Skew
-$default-skew-x      : 5deg                  !default;
-$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, not -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:   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, not -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 `preserves-3d`
-// browsers default to `flat`, mixin defaults to `preserves-3d`
-@mixin transform-style($style: preserves-3d) {
-  @include experimental(perspective-origin, $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
-  );
-}