From 65c2c18653feb5f6485710e9656b19e368bb2826 Mon Sep 17 00:00:00 2001
From: elijah <elijah@riseup.net>
Date: Mon, 5 Sep 2016 17:34:11 -0700
Subject: [feature] webkit support: get the js and css working in older webkit
 engines

---
 www/app/components/spinner/spinner.css | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

(limited to 'www/app/components/spinner')

diff --git a/www/app/components/spinner/spinner.css b/www/app/components/spinner/spinner.css
index 4e7f3ee..5e8535c 100644
--- a/www/app/components/spinner/spinner.css
+++ b/www/app/components/spinner/spinner.css
@@ -10,12 +10,28 @@
   vertical-align: middle;
   border-radius: 100%;
   display: inline-block;
+  -webkit-animation: bouncedelay 1.5s infinite ease-in-out;
   animation: bouncedelay 1.5s infinite ease-in-out;
+  -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
 }
 
-.spinner .spin1 { animation-delay: -.46s }
-.spinner .spin2 { animation-delay: -.24s }
+.spinner .spin1 {
+  -webkit-animation-delay: -.46s;
+  animation-delay: -.46s;
+}
+.spinner .spin2 {
+  -webkit-animation-delay: -.24s;
+  animation-delay: -.24s;
+}
+
+@-webkit-keyframes bouncedelay {
+  0%, 80%, 100% {
+    -webkit-transform: scale(0.5);
+  } 40% {
+    -webkit-transform: scale(0.9);
+  }
+}
 
 @keyframes bouncedelay {
   0%, 80%, 100% {
-- 
cgit v1.2.3