From cf72e4a51aba52da4ac6cfb223f15500e05280cc Mon Sep 17 00:00:00 2001
From: captainill <jonthomas0@gmai.com>
Date: Mon, 16 Mar 2015 21:48:50 -0700
Subject: [PATCH] use mixin for transforms

---
 .../source/assets/stylesheets/_utilities.scss | 80 ++++---------------
 1 file changed, 16 insertions(+), 64 deletions(-)

diff --git a/website/source/assets/stylesheets/_utilities.scss b/website/source/assets/stylesheets/_utilities.scss
index 9ab11dd7c4..a29cb2efd6 100755
--- a/website/source/assets/stylesheets/_utilities.scss
+++ b/website/source/assets/stylesheets/_utilities.scss
@@ -128,34 +128,22 @@
 {
     0%
     {
-        -webkit-transform:translateX(-100%);
-        -moz-transform:translateX(-100%);
-        -o-transform:translateX(-100%);
-        transform:translateX(-100%);
+        @include translate(-100%, 0);
     }
 
     40%
     {
-        -webkit-transform:translateX(0%);
-        -moz-transform:translateX(0%);
-        -o-transform:translateX(0%);
-        transform:translateX(0%);
+        @include translate(0%, 0);
     }
 
     60%
     {
-        -webkit-transform:translateX(0%);
-        -moz-transform:translateX(0%);
-        -o-transform:translateX(0%);
-        transform:translateX(0%);
+        @include translate(0%, 0);
     }
 
     100%
     {
-        -webkit-transform:translateX(100%);
-        -moz-transform:translateX(100%);
-        -o-transform:translateX(100%);
-        transform:translateX(100%);
+        @include translate(100%, 0);
     }
 
 }
@@ -163,34 +151,22 @@
 {
     0%
     {
-        -webkit-transform:translateX(-100%);
-        -moz-transform:translateX(-100%);
-        -o-transform:translateX(-100%);
-        transform:translateX(-100%);
+        @include translate(-100%, 0);
     }
 
     40%
     {
-        -webkit-transform:translateX(0%);
-        -moz-transform:translateX(0%);
-        -o-transform:translateX(0%);
-        transform:translateX(0%);
+        @include translate(0%, 0);
     }
 
     60%
     {
-        -webkit-transform:translateX(0%);
-        -moz-transform:translateX(0%);
-        -o-transform:translateX(0%);
-        transform:translateX(0%);
+        @include translate(0%, 0);
     }
 
     100%
     {
-        -webkit-transform:translateX(100%);
-        -moz-transform:translateX(100%);
-        -o-transform:translateX(100%);
-        transform:translateX(100%);
+        @include translate(100%, 0);
     }
 
 }
@@ -198,34 +174,22 @@
 {
     0%
     {
-        -webkit-transform:translateX(-100%);
-        -moz-transform:translateX(-100%);
-        -o-transform:translateX(-100%);
-        transform:translateX(-100%);
+        @include translate(-100%, 0);
     }
 
     40%
     {
-        -webkit-transform:translateX(0%);
-        -moz-transform:translateX(0%);
-        -o-transform:translateX(0%);
-        transform:translateX(0%);
+        @include translate(0%, 0);
     }
 
     60%
     {
-        -webkit-transform:translateX(0%);
-        -moz-transform:translateX(0%);
-        -o-transform:translateX(0%);
-        transform:translateX(0%);
+        @include translate(0%, 0);
     }
 
     100%
     {
-        -webkit-transform:translateX(100%);
-        -moz-transform:translateX(100%);
-        -o-transform:translateX(100%);
-        transform:translateX(100%);
+        @include translate(100%, 0);
     }
 
 }
@@ -233,33 +197,21 @@
 {
     0%
     {
-        -webkit-transform:translateX(-100%);
-        -moz-transform:translateX(-100%);
-        -o-transform:translateX(-100%);
-        transform:translateX(-100%);
+        @include translate(-100%, 0);
     }
 
     40%
     {
-        -webkit-transform:translateX(0%);
-        -moz-transform:translateX(0%);
-        -o-transform:translateX(0%);
-        transform:translateX(0%);
+        @include translate(0%, 0);
     }
 
     60%
     {
-        -webkit-transform:translateX(0%);
-        -moz-transform:translateX(0%);
-        -o-transform:translateX(0%);
-        transform:translateX(0%);
+        @include translate(0%, 0);
     }
 
     100%
     {
-        -webkit-transform:translateX(100%);
-        -moz-transform:translateX(100%);
-        -o-transform:translateX(100%);
-        transform:translateX(100%);
+        @include translate(100%, 0);
     }
 }