compass 0.12.4 → 1.0.0

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

@@ -8,12 +8,12 @@
   text-shadow: 0px 0px 1px #cccccc; }
 
 .color-first-with-params {
-  text-shadow: 2px 2px 5px #cccccc, 2px 2px 5px 2px #cccccc;
-  text-shadow: 2px 2px 5px 2px #cccccc, 2px 2px 5px 2px #cccccc; }
+  text-shadow: 2px 2px 5px #cccccc;
+  text-shadow: 2px 2px 5px 2px #cccccc; }
 
 .color-last-with-params {
-  text-shadow: 2px 2px 5px #cccccc, 2px 2px 5px 2px #cccccc;
-  text-shadow: 2px 2px 5px 2px #cccccc, 2px 2px 5px 2px #cccccc; }
+  text-shadow: 2px 2px 5px #cccccc;
+  text-shadow: 2px 2px 5px 2px #cccccc; }
 
 .default-text-shadow {
   text-shadow: 0px 0px 1px #aaaaaa; }
@@ -25,5 +25,5 @@
   text-shadow: 4px 4px 10px #444444, 2px 2px 5px #222222; }
 
 .multiple-text-shadows-with-spread {
-  text-shadow: 4px 4px 10px #444444, 4px 4px 10px 1px #444444, 2px 2px 5px #222222, 2px 2px 5px 3px #222222;
-  text-shadow: 4px 4px 10px 1px #444444, 4px 4px 10px 1px #444444, 2px 2px 5px 3px #222222, 2px 2px 5px 3px #222222; }
+  text-shadow: 4px 4px 10px #444444, 2px 2px 5px #222222;
+  text-shadow: 4px 4px 10px 1px #444444, 2px 2px 5px 3px #222222; }

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

@@ -1,441 +1,341 @@
 .apply-origin-2d {
-  -webkit-transform-origin: 2px 5%;
   -moz-transform-origin: 2px 5%;
   -ms-transform-origin: 2px 5%;
-  -o-transform-origin: 2px 5%;
+  -webkit-transform-origin: 2px 5%;
   transform-origin: 2px 5%; }
 
 .apply-origin-3d {
-  -webkit-transform-origin: 2px 5% 2in;
   -moz-transform-origin: 2px 5% 2in;
-  -ms-transform-origin: 2px 5% 2in;
-  -o-transform-origin: 2px 5% 2in;
+  -webkit-transform-origin: 2px 5% 2in;
   transform-origin: 2px 5% 2in; }
 
 .transform-origin-2d {
-  -webkit-transform-origin: 100px 100px;
   -moz-transform-origin: 100px 100px;
   -ms-transform-origin: 100px 100px;
-  -o-transform-origin: 100px 100px;
+  -webkit-transform-origin: 100px 100px;
   transform-origin: 100px 100px; }
 
 .transform-origin-3d {
-  -webkit-transform-origin: 100px 100px 100px;
   -moz-transform-origin: 100px 100px 100px;
-  -ms-transform-origin: 100px 100px 100px;
-  -o-transform-origin: 100px 100px 100px;
+  -webkit-transform-origin: 100px 100px 100px;
   transform-origin: 100px 100px 100px; }
 
 .transform-2d {
-  -webkit-transform: rotateY(20deg);
   -moz-transform: rotateY(20deg);
   -ms-transform: rotateY(20deg);
-  -o-transform: rotateY(20deg);
+  -webkit-transform: rotateY(20deg);
   transform: rotateY(20deg); }
 
 .transform-3d {
-  -webkit-transform: rotateZ(20deg);
   -moz-transform: rotateZ(20deg);
-  -ms-transform: rotateZ(20deg);
-  -o-transform: rotateZ(20deg);
+  -webkit-transform: rotateZ(20deg);
   transform: rotateZ(20deg); }
 
 .perspective {
-  -webkit-perspective: 500;
   -moz-perspective: 500;
-  -ms-perspective: 500;
-  -o-perspective: 500;
+  -webkit-perspective: 500;
   perspective: 500; }
 
 .perspective-origin {
-  -webkit-perspective-origin: 25% 25%;
   -moz-perspective-origin: 25% 25%;
-  -ms-perspective-origin: 25% 25%;
-  -o-perspective-origin: 25% 25%;
+  -webkit-perspective-origin: 25% 25%;
   perspective-origin: 25% 25%; }
 
 .transform-style {
-  -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
-  -ms-transform-style: preserve-3d;
-  -o-transform-style: preserve-3d;
+  -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d; }
 
 .backface-visibility {
-  -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
-  -ms-backface-visibility: hidden;
-  -o-backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
   backface-visibility: hidden; }
 
 .scale {
-  -webkit-transform: scale(30px, 50px);
   -moz-transform: scale(30px, 50px);
   -ms-transform: scale(30px, 50px);
-  -o-transform: scale(30px, 50px);
+  -webkit-transform: scale(30px, 50px);
   transform: scale(30px, 50px); }
 
 .scale-3d {
-  -webkit-transform: scale(30px, 50px);
   -moz-transform: scale(30px, 50px);
-  -ms-transform: scale(30px, 50px);
-  -o-transform: scale(30px, 50px);
+  -webkit-transform: scale(30px, 50px);
   transform: scale(30px, 50px); }
 
 .scale-with-perspective {
-  -webkit-transform: perspective(500) scale(30px, 50px);
   -moz-transform: perspective(500) scale(30px, 50px);
   -ms-transform: perspective(500) scale(30px, 50px);
-  -o-transform: perspective(500) scale(30px, 50px);
+  -webkit-transform: perspective(500) scale(30px, 50px);
   transform: perspective(500) scale(30px, 50px); }
 
 .scale-3d-with-perspective {
-  -webkit-transform: perspective(500) scale(30px, 50px);
   -moz-transform: perspective(500) scale(30px, 50px);
-  -ms-transform: perspective(500) scale(30px, 50px);
-  -o-transform: perspective(500) scale(30px, 50px);
+  -webkit-transform: perspective(500) scale(30px, 50px);
   transform: perspective(500) scale(30px, 50px); }
 
 .scale-x {
-  -webkit-transform: scaleX(30px);
   -moz-transform: scaleX(30px);
   -ms-transform: scaleX(30px);
-  -o-transform: scaleX(30px);
+  -webkit-transform: scaleX(30px);
   transform: scaleX(30px); }
 
 .scale-x-3d {
-  -webkit-transform: scaleX(30px);
   -moz-transform: scaleX(30px);
-  -ms-transform: scaleX(30px);
-  -o-transform: scaleX(30px);
+  -webkit-transform: scaleX(30px);
   transform: scaleX(30px); }
 
 .scale-x-with-perspective {
-  -webkit-transform: perspective(500) scaleX(30px);
   -moz-transform: perspective(500) scaleX(30px);
   -ms-transform: perspective(500) scaleX(30px);
-  -o-transform: perspective(500) scaleX(30px);
+  -webkit-transform: perspective(500) scaleX(30px);
   transform: perspective(500) scaleX(30px); }
 
 .scale-x-3d-with-perspective {
-  -webkit-transform: perspective(500) scaleX(30px);
   -moz-transform: perspective(500) scaleX(30px);
-  -ms-transform: perspective(500) scaleX(30px);
-  -o-transform: perspective(500) scaleX(30px);
+  -webkit-transform: perspective(500) scaleX(30px);
   transform: perspective(500) scaleX(30px); }
 
 .scale-y {
-  -webkit-transform: scaleY(50px);
   -moz-transform: scaleY(50px);
   -ms-transform: scaleY(50px);
-  -o-transform: scaleY(50px);
+  -webkit-transform: scaleY(50px);
   transform: scaleY(50px); }
 
 .scale-y-3d {
-  -webkit-transform: scaleY(50px);
   -moz-transform: scaleY(50px);
-  -ms-transform: scaleY(50px);
-  -o-transform: scaleY(50px);
+  -webkit-transform: scaleY(50px);
   transform: scaleY(50px); }
 
 .scale-y-with-perspective {
-  -webkit-transform: perspective(500) scaleY(50px);
   -moz-transform: perspective(500) scaleY(50px);
   -ms-transform: perspective(500) scaleY(50px);
-  -o-transform: perspective(500) scaleY(50px);
+  -webkit-transform: perspective(500) scaleY(50px);
   transform: perspective(500) scaleY(50px); }
 
 .scale-y-3d-with-perspective {
-  -webkit-transform: perspective(500) scaleY(50px);
   -moz-transform: perspective(500) scaleY(50px);
-  -ms-transform: perspective(500) scaleY(50px);
-  -o-transform: perspective(500) scaleY(50px);
+  -webkit-transform: perspective(500) scaleY(50px);
   transform: perspective(500) scaleY(50px); }
 
 .scale-z {
-  -webkit-transform: scaleZ(50px);
   -moz-transform: scaleZ(50px);
-  -ms-transform: scaleZ(50px);
-  -o-transform: scaleZ(50px);
+  -webkit-transform: scaleZ(50px);
   transform: scaleZ(50px); }
 
 .scale-z-with-perspective {
-  -webkit-transform: perspective(500) scaleZ(50px);
   -moz-transform: perspective(500) scaleZ(50px);
-  -ms-transform: perspective(500) scaleZ(50px);
-  -o-transform: perspective(500) scaleZ(50px);
+  -webkit-transform: perspective(500) scaleZ(50px);
   transform: perspective(500) scaleZ(50px); }
 
 .scale3d {
-  -webkit-transform: scale3d(30px, 50px, 100px);
   -moz-transform: scale3d(30px, 50px, 100px);
-  -ms-transform: scale3d(30px, 50px, 100px);
-  -o-transform: scale3d(30px, 50px, 100px);
+  -webkit-transform: scale3d(30px, 50px, 100px);
   transform: scale3d(30px, 50px, 100px); }
 
 .scaled3-with-perspective {
-  -webkit-transform: perspective(500) scale3d(30px, 50px, 100px);
   -moz-transform: perspective(500) scale3d(30px, 50px, 100px);
-  -ms-transform: perspective(500) scale3d(30px, 50px, 100px);
-  -o-transform: perspective(500) scale3d(30px, 50px, 100px);
+  -webkit-transform: perspective(500) scale3d(30px, 50px, 100px);
   transform: perspective(500) scale3d(30px, 50px, 100px); }
 
 .rotate {
-  -webkit-transform: perspective(500) rotate(25deg);
   -moz-transform: perspective(500) rotate(25deg);
   -ms-transform: perspective(500) rotate(25deg);
-  -o-transform: perspective(500) rotate(25deg);
+  -webkit-transform: perspective(500) rotate(25deg);
   transform: perspective(500) rotate(25deg); }
 
 .rotate-with-perspective {
-  -webkit-transform: perspective(500) rotate(25deg);
   -moz-transform: perspective(500) rotate(25deg);
   -ms-transform: perspective(500) rotate(25deg);
-  -o-transform: perspective(500) rotate(25deg);
+  -webkit-transform: perspective(500) rotate(25deg);
   transform: perspective(500) rotate(25deg); }
 
 .rotate-z {
-  -webkit-transform: rotate(25deg);
   -moz-transform: rotate(25deg);
   -ms-transform: rotate(25deg);
-  -o-transform: rotate(25deg);
+  -webkit-transform: rotate(25deg);
   transform: rotate(25deg); }
 
 .rotate-z-with-perspective {
-  -webkit-transform: perspective(500) rotate(25deg);
   -moz-transform: perspective(500) rotate(25deg);
   -ms-transform: perspective(500) rotate(25deg);
-  -o-transform: perspective(500) rotate(25deg);
+  -webkit-transform: perspective(500) rotate(25deg);
   transform: perspective(500) rotate(25deg); }
 
 .rotate-x {
-  -webkit-transform: rotateX(25deg);
   -moz-transform: rotateX(25deg);
-  -ms-transform: rotateX(25deg);
-  -o-transform: rotateX(25deg);
+  -webkit-transform: rotateX(25deg);
   transform: rotateX(25deg); }
 
 .rotate-x-with-perspective {
-  -webkit-transform: perspective(500) rotateX(25deg);
   -moz-transform: perspective(500) rotateX(25deg);
-  -ms-transform: perspective(500) rotateX(25deg);
-  -o-transform: perspective(500) rotateX(25deg);
+  -webkit-transform: perspective(500) rotateX(25deg);
   transform: perspective(500) rotateX(25deg); }
 
 .rotate-y {
-  -webkit-transform: rotateY(25deg);
   -moz-transform: rotateY(25deg);
-  -ms-transform: rotateY(25deg);
-  -o-transform: rotateY(25deg);
+  -webkit-transform: rotateY(25deg);
   transform: rotateY(25deg); }
 
 .rotate-y-with-perspective {
-  -webkit-transform: perspective(500) rotateY(25deg);
   -moz-transform: perspective(500) rotateY(25deg);
-  -ms-transform: perspective(500) rotateY(25deg);
-  -o-transform: perspective(500) rotateY(25deg);
+  -webkit-transform: perspective(500) rotateY(25deg);
   transform: perspective(500) rotateY(25deg); }
 
 .rotate-3d {
-  -webkit-transform: rotate3d(5, 2, 1, 75deg);
   -moz-transform: rotate3d(5, 2, 1, 75deg);
-  -ms-transform: rotate3d(5, 2, 1, 75deg);
-  -o-transform: rotate3d(5, 2, 1, 75deg);
+  -webkit-transform: rotate3d(5, 2, 1, 75deg);
   transform: rotate3d(5, 2, 1, 75deg); }
 
 .rotate-3d-with-perspective {
-  -webkit-transform: perspective(500) rotate3d(5, 2, 1, 75deg);
   -moz-transform: perspective(500) rotate3d(5, 2, 1, 75deg);
-  -ms-transform: perspective(500) rotate3d(5, 2, 1, 75deg);
-  -o-transform: perspective(500) rotate3d(5, 2, 1, 75deg);
+  -webkit-transform: perspective(500) rotate3d(5, 2, 1, 75deg);
   transform: perspective(500) rotate3d(5, 2, 1, 75deg); }
 
 .translate {
-  -webkit-transform: translate(20px, 30%);
   -moz-transform: translate(20px, 30%);
   -ms-transform: translate(20px, 30%);
-  -o-transform: translate(20px, 30%);
+  -webkit-transform: translate(20px, 30%);
   transform: translate(20px, 30%); }
 
 .translate-with-perspective {
-  -webkit-transform: perspective(500) translate(20px, 30%);
   -moz-transform: perspective(500) translate(20px, 30%);
   -ms-transform: perspective(500) translate(20px, 30%);
-  -o-transform: perspective(500) translate(20px, 30%);
+  -webkit-transform: perspective(500) translate(20px, 30%);
   transform: perspective(500) translate(20px, 30%); }
 
 .translate-3d {
-  -webkit-transform: translate(20px, 30%);
   -moz-transform: translate(20px, 30%);
-  -ms-transform: translate(20px, 30%);
-  -o-transform: translate(20px, 30%);
+  -webkit-transform: translate(20px, 30%);
   transform: translate(20px, 30%); }
 
 .translate-3d-with-perspective {
-  -webkit-transform: perspective(500) translate(20px, 30%);
   -moz-transform: perspective(500) translate(20px, 30%);
-  -ms-transform: perspective(500) translate(20px, 30%);
-  -o-transform: perspective(500) translate(20px, 30%);
+  -webkit-transform: perspective(500) translate(20px, 30%);
   transform: perspective(500) translate(20px, 30%); }
 
 .translate-x {
-  -webkit-transform: translateX(30px);
   -moz-transform: translateX(30px);
   -ms-transform: translateX(30px);
-  -o-transform: translateX(30px);
+  -webkit-transform: translateX(30px);
   transform: translateX(30px); }
 
 .translate-x-3d {
-  -webkit-transform: translateX(30px);
   -moz-transform: translateX(30px);
-  -ms-transform: translateX(30px);
-  -o-transform: translateX(30px);
+  -webkit-transform: translateX(30px);
   transform: translateX(30px); }
 
 .translate-x-with-perspective {
-  -webkit-transform: perspective(500) translateX(30px);
   -moz-transform: perspective(500) translateX(30px);
   -ms-transform: perspective(500) translateX(30px);
-  -o-transform: perspective(500) translateX(30px);
+  -webkit-transform: perspective(500) translateX(30px);
   transform: perspective(500) translateX(30px); }
 
 .translate-x-3d-with-perspective {
-  -webkit-transform: perspective(500) translateX(30px);
   -moz-transform: perspective(500) translateX(30px);
-  -ms-transform: perspective(500) translateX(30px);
-  -o-transform: perspective(500) translateX(30px);
+  -webkit-transform: perspective(500) translateX(30px);
   transform: perspective(500) translateX(30px); }
 
 .translate-y {
-  -webkit-transform: translateY(30px);
   -moz-transform: translateY(30px);
   -ms-transform: translateY(30px);
-  -o-transform: translateY(30px);
+  -webkit-transform: translateY(30px);
   transform: translateY(30px); }
 
 .translate-y-3d {
-  -webkit-transform: translateY(30px);
   -moz-transform: translateY(30px);
-  -ms-transform: translateY(30px);
-  -o-transform: translateY(30px);
+  -webkit-transform: translateY(30px);
   transform: translateY(30px); }
 
 .translate-y-with-perspective {
-  -webkit-transform: perspective(500) translateY(30px);
   -moz-transform: perspective(500) translateY(30px);
   -ms-transform: perspective(500) translateY(30px);
-  -o-transform: perspective(500) translateY(30px);
+  -webkit-transform: perspective(500) translateY(30px);
   transform: perspective(500) translateY(30px); }
 
 .translate-y-3d-with-perspective {
-  -webkit-transform: perspective(500) translateY(30px);
   -moz-transform: perspective(500) translateY(30px);
-  -ms-transform: perspective(500) translateY(30px);
-  -o-transform: perspective(500) translateY(30px);
+  -webkit-transform: perspective(500) translateY(30px);
   transform: perspective(500) translateY(30px); }
 
 .translate-z {
-  -webkit-transform: translateZ(30px);
   -moz-transform: translateZ(30px);
-  -ms-transform: translateZ(30px);
-  -o-transform: translateZ(30px);
+  -webkit-transform: translateZ(30px);
   transform: translateZ(30px); }
 
 .translate-z-with-perspective {
-  -webkit-transform: perspective(500) translateZ(30px);
   -moz-transform: perspective(500) translateZ(30px);
-  -ms-transform: perspective(500) translateZ(30px);
-  -o-transform: perspective(500) translateZ(30px);
+  -webkit-transform: perspective(500) translateZ(30px);
   transform: perspective(500) translateZ(30px); }
 
 .translate-3d {
-  -webkit-transform: translate3d(30px, 50px, 75px);
   -moz-transform: translate3d(30px, 50px, 75px);
-  -ms-transform: translate3d(30px, 50px, 75px);
-  -o-transform: translate3d(30px, 50px, 75px);
+  -webkit-transform: translate3d(30px, 50px, 75px);
   transform: translate3d(30px, 50px, 75px); }
 
 .translate-3d-with-perspective {
-  -webkit-transform: perspective(500) translate3d(30px, 50px, 75px);
   -moz-transform: perspective(500) translate3d(30px, 50px, 75px);
-  -ms-transform: perspective(500) translate3d(30px, 50px, 75px);
-  -o-transform: perspective(500) translate3d(30px, 50px, 75px);
+  -webkit-transform: perspective(500) translate3d(30px, 50px, 75px);
   transform: perspective(500) translate3d(30px, 50px, 75px); }
 
 .skew {
-  -webkit-transform: skew(20deg, 50deg);
   -moz-transform: skew(20deg, 50deg);
   -ms-transform: skew(20deg, 50deg);
-  -o-transform: skew(20deg, 50deg);
+  -webkit-transform: skew(20deg, 50deg);
   transform: skew(20deg, 50deg); }
 
 .skew-3d {
-  -webkit-transform: skew(20deg, 50deg);
   -moz-transform: skew(20deg, 50deg);
-  -ms-transform: skew(20deg, 50deg);
-  -o-transform: skew(20deg, 50deg);
+  -webkit-transform: skew(20deg, 50deg);
   transform: skew(20deg, 50deg); }
 
 .skew-x {
-  -webkit-transform: skewX(20deg);
   -moz-transform: skewX(20deg);
   -ms-transform: skewX(20deg);
-  -o-transform: skewX(20deg);
+  -webkit-transform: skewX(20deg);
   transform: skewX(20deg); }
 
 .skew-x-3d {
-  -webkit-transform: skewX(20deg);
   -moz-transform: skewX(20deg);
-  -ms-transform: skewX(20deg);
-  -o-transform: skewX(20deg);
+  -webkit-transform: skewX(20deg);
   transform: skewX(20deg); }
 
 .skew-y {
-  -webkit-transform: skewY(20deg);
   -moz-transform: skewY(20deg);
   -ms-transform: skewY(20deg);
-  -o-transform: skewY(20deg);
+  -webkit-transform: skewY(20deg);
   transform: skewY(20deg); }
 
 .skew-y-3d {
-  -webkit-transform: skewY(20deg);
   -moz-transform: skewY(20deg);
-  -ms-transform: skewY(20deg);
-  -o-transform: skewY(20deg);
+  -webkit-transform: skewY(20deg);
   transform: skewY(20deg); }
 
 .create-transform-2d {
-  -webkit-transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);
   -moz-transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);
   -ms-transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);
-  -o-transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);
+  -webkit-transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);
   transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);
-  -webkit-transform-origin: 50%;
   -moz-transform-origin: 50%;
   -ms-transform-origin: 50%;
-  -o-transform-origin: 50%;
+  -webkit-transform-origin: 50%;
   transform-origin: 50%; }
 
 .create-transform-3d {
-  -webkit-transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);
   -moz-transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);
   -ms-transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);
-  -o-transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);
+  -webkit-transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);
   transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);
-  -webkit-transform-origin: 50% 50%;
   -moz-transform-origin: 50% 50%;
   -ms-transform-origin: 50% 50%;
-  -o-transform-origin: 50% 50%;
+  -webkit-transform-origin: 50% 50%;
   transform-origin: 50% 50%; }
 
 .simple-transform {
-  -webkit-transform:  scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);
   -moz-transform:  scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);
   -ms-transform:  scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);
-  -o-transform:  scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);
+  -webkit-transform:  scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);
   transform:  scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);
-  -webkit-transform-origin: 10% 10%;
   -moz-transform-origin: 10% 10%;
   -ms-transform-origin: 10% 10%;
-  -o-transform-origin: 10% 10%;
+  -webkit-transform-origin: 10% 10%;
   transform-origin: 10% 10%; }