add back in @-webkit-keyframes

app/assets/stylesheets/common/base/discourse.scss

@@ -181,17 +181,22 @@ body {
   opacity: 1;
 }
 
-
+@-webkit-keyframes rotate-forever {
-@keyframes rotate-forever {
   0% {
-    transform: rotate(0deg);
     -webkit-transform: rotate(0deg);
   }
   100% {
-    transform: rotate(360deg);
     -webkit-transform: rotate(360deg);
   }
 }
+@keyframes rotate-forever {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
 
 .inline-spinner {
   display: inline-block;

app/assets/stylesheets/desktop/modal.scss

@@ -31,6 +31,11 @@
 
 //fade in and animate up
 
+@-webkit-keyframes modal {
+  from {opacity: 0}
+  to {opacity: 1}
+}
+
 @keyframes fade {
     from {opacity: 0}
     to {opacity: 1}

app/assets/stylesheets/desktop/topic-post.scss

@@ -510,6 +510,11 @@ video {
   max-height: 500px;
 }
 
+@-webkit-keyframes fadein {
+  from {opacity: 0;}
+  to {opacity: 1;}
+}
+
 @keyframes fadein {
     from {opacity: 0;}
     to {opacity: 1;}

app/assets/stylesheets/vendor/font_awesome/_spinning.scss

@@ -10,3 +10,8 @@
   0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); }
   100% { transform: rotate(359deg); -webkit-transform: rotate(359deg); }
 }
+
+@-webkit-keyframes spin {
+  0% { -webkit-transform: rotate(0deg); }
+  100% { -webkit-transform: rotate(359deg); }
+}