summaryrefslogtreecommitdiff
path: root/src/leap/bitmask_js/app/components/spinner
diff options
context:
space:
mode:
authorKali Kaneko (leap communications) <kali@leap.se>2016-09-01 01:44:34 -0400
committerKali Kaneko (leap communications) <kali@leap.se>2016-09-01 01:44:34 -0400
commit4728855b40d2d37da8e035c5081fab5819b07fd0 (patch)
treec8a7c727521fe06a2c4fe9221cb77d30e8f0c3b9 /src/leap/bitmask_js/app/components/spinner
parent4613e74ce4e2c8b125a6a61585a4aec5f5151969 (diff)
[refactor] move js to top-level folder
Diffstat (limited to 'src/leap/bitmask_js/app/components/spinner')
-rw-r--r--src/leap/bitmask_js/app/components/spinner/index.js15
-rw-r--r--src/leap/bitmask_js/app/components/spinner/spinner.css26
2 files changed, 0 insertions, 41 deletions
diff --git a/src/leap/bitmask_js/app/components/spinner/index.js b/src/leap/bitmask_js/app/components/spinner/index.js
deleted file mode 100644
index ffc32850..00000000
--- a/src/leap/bitmask_js/app/components/spinner/index.js
+++ /dev/null
@@ -1,15 +0,0 @@
-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/src/leap/bitmask_js/app/components/spinner/spinner.css b/src/leap/bitmask_js/app/components/spinner/spinner.css
deleted file mode 100644
index 4e7f3ee8..00000000
--- a/src/leap/bitmask_js/app/components/spinner/spinner.css
+++ /dev/null
@@ -1,26 +0,0 @@
-.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);
- }
-}