From 8b3babdbde4f307cdfddb4db430f59e568071315 Mon Sep 17 00:00:00 2001
From: Jeff Atwood <jatwood@codinghorror.com>
Date: Thu, 25 Dec 2014 01:41:44 -0800
Subject: [PATCH] add back in a few -webkit- css3 prefixes

due to http://shouldiprefix.com/ and iOS mainly!
---
 app/assets/stylesheets/common/base/discourse.scss         | 2 ++
 app/assets/stylesheets/common/base/magnific-popup.scss    | 3 +++
 app/assets/stylesheets/desktop/modal.scss                 | 4 ++--
 app/assets/stylesheets/vendor/font_awesome/_mixins.scss   | 6 ++++--
 app/assets/stylesheets/vendor/font_awesome/_spinning.scss | 5 +++--
 5 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/app/assets/stylesheets/common/base/discourse.scss b/app/assets/stylesheets/common/base/discourse.scss
index e869bcd1ce..039e9fe2d3 100644
--- a/app/assets/stylesheets/common/base/discourse.scss
+++ b/app/assets/stylesheets/common/base/discourse.scss
@@ -185,9 +185,11 @@ body {
 @keyframes rotate-forever {
   0% {
     transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
   }
   100% {
     transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
   }
 }
 
diff --git a/app/assets/stylesheets/common/base/magnific-popup.scss b/app/assets/stylesheets/common/base/magnific-popup.scss
index 18837345cd..441ee54b53 100644
--- a/app/assets/stylesheets/common/base/magnific-popup.scss
+++ b/app/assets/stylesheets/common/base/magnific-popup.scss
@@ -600,12 +600,15 @@ button {
 @media all and (max-width: 900px) {
   .mfp-arrow {
     transform: scale(0.75);
+    -webkit-transform: scale(0.75);
   }
   .mfp-arrow-left {
     transform-origin: 0;
+    -webkit-transform-origin: 0;
   }
   .mfp-arrow-right {
     transform-origin: 100%;
+    -webkit-transform-origin: 100%;
   }
   .mfp-container {
     padding-left: $popup-padding-left-mobile;
diff --git a/app/assets/stylesheets/desktop/modal.scss b/app/assets/stylesheets/desktop/modal.scss
index 531cd225a0..2f0e040517 100644
--- a/app/assets/stylesheets/desktop/modal.scss
+++ b/app/assets/stylesheets/desktop/modal.scss
@@ -25,8 +25,8 @@
 }
 
 .modal.in {
--webkit-animation: modal .25s;
-animation: modal .25s;
+    -webkit-animation: modal .25s;
+    animation: modal .25s;
 }
 
 //fade in and animate up
diff --git a/app/assets/stylesheets/vendor/font_awesome/_mixins.scss b/app/assets/stylesheets/vendor/font_awesome/_mixins.scss
index e7b9cbd1ae..2f6f8cf034 100644
--- a/app/assets/stylesheets/vendor/font_awesome/_mixins.scss
+++ b/app/assets/stylesheets/vendor/font_awesome/_mixins.scss
@@ -2,9 +2,11 @@
 // --------------------------
 
 @mixin fa-icon-rotate($degrees, $rotation) {
-          transform: rotate($degrees);
+    transform: rotate($degrees);
+    -webkit-transform: rotate($degrees);
 }
 
 @mixin fa-icon-flip($horiz, $vert, $rotation) {
-          transform: scale($horiz, $vert);
+    transform: scale($horiz, $vert);
+    -webkit-transform: scale($horiz, $vert);
 }
diff --git a/app/assets/stylesheets/vendor/font_awesome/_spinning.scss b/app/assets/stylesheets/vendor/font_awesome/_spinning.scss
index c352dc4f2c..1e97236eb7 100644
--- a/app/assets/stylesheets/vendor/font_awesome/_spinning.scss
+++ b/app/assets/stylesheets/vendor/font_awesome/_spinning.scss
@@ -3,9 +3,10 @@
 
 .#{$fa-css-prefix}-spin {
   animation: spin 2s infinite linear;
+  -webkit-animation: spin 2s infinite linear;
 }
 
 @keyframes spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(359deg); }
+  0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); }
+  100% { transform: rotate(359deg); -webkit-transform: rotate(359deg); }
 }