From 5baa6ea66c76bc502fdb9a9a30f5f165a45c01a8 Mon Sep 17 00:00:00 2001
From: scossar <scossar3@gmail.com>
Date: Sun, 30 Aug 2015 10:02:12 -0700
Subject: [PATCH] use transition and transform mixins

---
 app/assets/stylesheets/common/admin/admin_base.scss  | 8 ++++----
 app/assets/stylesheets/common/foundation/mixins.scss | 8 ++++++++
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/common/admin/admin_base.scss b/app/assets/stylesheets/common/admin/admin_base.scss
index d7686805a..63e8a7c84 100644
--- a/app/assets/stylesheets/common/admin/admin_base.scss
+++ b/app/assets/stylesheets/common/admin/admin_base.scss
@@ -278,15 +278,15 @@ td.flaggers td {
 
 .admin-detail.mobile-open {
   @media (max-width: $mobile-breakpoint) {
-    transition: transform 0.3s ease;
-    transform: (translateX(50%));
+    @include transition(transform 0.3s ease);
+    @include transform(translateX(50%));
   }
 }
 
 .admin-detail.mobile-closed {
   @media (max-width: $mobile-breakpoint) {
-    transition: transform 0.3s ease;
-    transform: (translateX(0));
+    @include transition(transform 0.3s ease);
+    @include transform(translateX(0));
   }
 }
 
diff --git a/app/assets/stylesheets/common/foundation/mixins.scss b/app/assets/stylesheets/common/foundation/mixins.scss
index 55b15a9b5..399c52589 100644
--- a/app/assets/stylesheets/common/foundation/mixins.scss
+++ b/app/assets/stylesheets/common/foundation/mixins.scss
@@ -113,3 +113,11 @@
 	-webkit-transform: $transforms;
           transform: $transforms;
 }
+
+@mixin transition($transitions) {
+  -o-transition: $transitions;
+  -moz-transition: $transitions;
+  -webkit-transition: $transitions;
+  transition: $transitions;
+}
+