diff --git a/scss/_mixins.scss b/scss/_mixins.scss
index 3f703c3e3f..0ee621bf70 100644
--- a/scss/_mixins.scss
+++ b/scss/_mixins.scss
@@ -353,35 +353,28 @@
 // --------------------------------------------------
 
 @mixin rotate($degrees) {
-  -webkit-transform: rotate($degrees);
-     -moz-transform: rotate($degrees);
-          transform: rotate($degrees);
+  @include transform( rotate($degrees) );
 }
 @mixin scale($ratio) {
-  -webkit-transform: scale($ratio);
-     -moz-transform: scale($ratio);
-          transform: scale($ratio);
+  @include transform( scale($ratio) );
 }
 @mixin translate($x, $y) {
-  -webkit-transform: translate($x, $y);
-     -moz-transform: translate($x, $y);
-          transform: translate($x, $y);
+  @include transform( translate($x, $y) );
 }
 @mixin skew($x, $y) {
-  -webkit-transform: skew($x, $y);
-     -moz-transform: skew($x, $y);
-          transform: skew($x, $y);
+  @include transform( skew($x, $y) );
   -webkit-backface-visibility: hidden;
 }
 @mixin translate3d($x, $y, $z) {
-  -webkit-transform: translate3d($x, $y, $z);
-     -moz-transform: translate3d($x, $y, $z);
-          transform: translate3d($x, $y, $z);
+  @include transform( translate3d($x, $y, $z) );
 }
 @mixin translateZ($z) {
-  -webkit-transform: translateZ($z);
-     -moz-transform: translateZ($z);
-          transform: translateZ($z);
+  @include transform( translateZ($z) );
+}
+@mixin transform($val) {
+  -webkit-transform: $val;
+     -moz-transform: $val;
+          transform: $val;
 }
 
 @mixin transform-origin($left, $top) {