From caf99cc98cc2d384d8ba337a7d4e0dd554f08337 Mon Sep 17 00:00:00 2001
From: Eric Meyer <eric@oddbird.net>
Date: Wed, 25 Nov 2009 15:05:11 -0700
Subject: [PATCH] css3 transform mixins

---
 .../compass/stylesheets/compass/_css3.sass    |  1 +
 .../stylesheets/compass/css3/_transform.sass  | 60 +++++++++++++++++++
 2 files changed, 61 insertions(+)
 create mode 100644 lib/compass/frameworks/compass/stylesheets/compass/css3/_transform.sass

diff --git a/lib/compass/frameworks/compass/stylesheets/compass/_css3.sass b/lib/compass/frameworks/compass/stylesheets/compass/_css3.sass
index 1276cce7..1fbda064 100644
--- a/lib/compass/frameworks/compass/stylesheets/compass/_css3.sass
+++ b/lib/compass/frameworks/compass/stylesheets/compass/_css3.sass
@@ -10,3 +10,4 @@
 @import css3/background_origin.sass
 @import css3/background_size.sass
 @import css3/font_face.sass
+@import css3/transform.sass
diff --git a/lib/compass/frameworks/compass/stylesheets/compass/css3/_transform.sass b/lib/compass/frameworks/compass/stylesheets/compass/css3/_transform.sass
new file mode 100644
index 00000000..5da732bc
--- /dev/null
+++ b/lib/compass/frameworks/compass/stylesheets/compass/css3/_transform.sass
@@ -0,0 +1,60 @@
+// CSS Transform and Transform-Origin
+
+// Apply a transform sent as a complete string
+=apply_transform(!transform = false)
+  transform= !transform
+  -webkit-transform= !transform
+  -moz-transform= !transform
+
+// Apply a transform-origin sent as a complete string
+=apply_origin(!origin = false)
+  transform-origin= !origin
+  -webkit-transform-origin= !origin
+  -moz-transform-origin= !origin
+
+// transform-origin requires x and y coordinates
+//  - only applies the coordinates if they are there
+//    so that it can be called by scale, rotate and skew safely
+=transform-origin(!originx = 50%, !originy = 50%)
+  !origin = false
+  @if !originx
+    !origin = "#{!originx}"
+  @if !originy
+    !origin = !origin + "#{!originy}"
+  @if !origin 
+    +apply_origin(!origin)
+
+// A full transform mixin with everything you could want
+//  - including origin adjustments if you want them
+//  - scale, rotate and skew don't require units
+//    scale takes a multiplier, rotate and skew take degrees
+=transform(!scale = 1, !rotate = 0, !transx = 0, !transy = 0, !skewx = 0, !skewy = 0, !originx = false, !originy = false)
+  !transform = "scale(#{!scale}) rotate(#{!rotate}deg) translate(#{!transx}, #{!transy}) skew(#{!skewx}deg, #{!skewy}deg)"
+  +apply_transform(!transform)
+  +transform-origin(!originx, !originy)
+
+// Transform Partials
+// These work well on their own, but they don't add to each other, they override
+// Use them with extra origin args, or along side +transform-origin
+
+// adjust only the scale
+//  - with optional origin coordinates
+=scale(!scale = 1.25, !originx = false, !originy = false)
+  +apply_transform("scale(#{!scale})")
+  +transform-origin(!originx, !originy)
+
+// adjust only the rotation
+//  - with optional origin coordinates
+=rotate(!rotate = 45, !originx = false, !originy = false)
+  +apply_transform("rotate(#{!rotate}deg)")
+  +transform-origin(!originx, !originy)
+
+// adjust only the translation
+=translate(!transx = 0, !transy = 0)
+  +apply_transform("translate(#{!transx}, #{!transy})")
+
+// adjust only the skew
+//  - with optional origin coordinates
+=skew(!skewx = 0, !skewy = 0, !originx = false, !originy = false)
+  +apply_transform("skew(#{!skewx}deg, #{!skewy}deg)")
+  +transform-origin(!originx, !originy)