From 4728855b40d2d37da8e035c5081fab5819b07fd0 Mon Sep 17 00:00:00 2001
From: "Kali Kaneko (leap communications)" <kali@leap.se>
Date: Thu, 1 Sep 2016 01:44:34 -0400
Subject: [refactor] move js to top-level folder

---
 www/app/components/spinner/index.js    | 15 +++++++++++++++
 www/app/components/spinner/spinner.css | 26 ++++++++++++++++++++++++++
 2 files changed, 41 insertions(+)
 create mode 100644 www/app/components/spinner/index.js
 create mode 100644 www/app/components/spinner/spinner.css

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

diff --git a/www/app/components/spinner/index.js b/www/app/components/spinner/index.js
new file mode 100644
index 0000000..ffc3285
--- /dev/null
+++ b/www/app/components/spinner/index.js
@@ -0,0 +1,15 @@
+import React from 'react';
+import './spinner.css';
+
+class Spinner extends React.Component {
+  render() {
+    let props = {}
+    return <div className="spinner">
+      <div className="spin1"></div>
+      <div className="spin2"></div>
+      <div className="spin3"></div>
+    </div>
+  }
+}
+
+export default Spinner
\ No newline at end of file
diff --git a/www/app/components/spinner/spinner.css b/www/app/components/spinner/spinner.css
new file mode 100644
index 0000000..4e7f3ee
--- /dev/null
+++ b/www/app/components/spinner/spinner.css
@@ -0,0 +1,26 @@
+.spinner {
+  height: 18px;
+  display: inline-block;
+}
+
+.spinner > div {
+  width: 18px;
+  height: 18px;
+  background-color: #000;
+  vertical-align: middle;
+  border-radius: 100%;
+  display: inline-block;
+  animation: bouncedelay 1.5s infinite ease-in-out;
+  animation-fill-mode: both;
+}
+
+.spinner .spin1 { animation-delay: -.46s }
+.spinner .spin2 { animation-delay: -.24s }
+
+@keyframes bouncedelay {
+  0%, 80%, 100% {
+    transform: scale(0.5);
+  } 40% {
+    transform: scale(0.9);
+  }
+}
-- 
cgit v1.2.3