parent
5a68fb26ba
commit
c4b63e5bb4
@ -1,26 +0,0 @@ |
||||
var yo = require('yo-yo') |
||||
// -------------- styling ----------------------
|
||||
var csjs = require('csjs-inject') |
||||
|
||||
module.exports = loadingSpinner |
||||
|
||||
var css = csjs` |
||||
.loader { |
||||
display: inline-block; |
||||
margin-left: .3em; |
||||
border: 2px solid orange; |
||||
border-top: 2px solid #F4F6FF; /* Light blue */ |
||||
border-radius: 50%; |
||||
width: 8px; |
||||
height: 8px; |
||||
animation: spin 2s linear infinite; |
||||
} |
||||
@keyframes spin { |
||||
0% { transform: rotate(0deg); } |
||||
100% { transform: rotate(360deg); } |
||||
} |
||||
` |
||||
function loadingSpinner () { |
||||
var el = yo`<div class=${css.loader}></div>` |
||||
return el |
||||
} |
Loading…
Reference in new issue