/* * From https://github.com/tobiasahlin/SpinKit * * Usage: * *
*
*
*
*
*
*
* */ .sk-spinner-wave { &.sk-spinner { width: 50px; height: 50px; margin: auto; margin-top: 30vh; text-align: center; font-size: 10px; } div { background-color: #333; height: 100%; width: 6px; display: inline-block; animation: sk-waveStretchDelay 1.2s infinite ease-in-out; } .sk-rect2 { animation-delay: -1.1s } .sk-rect3 { animation-delay: -1.0s } .sk-rect4 { animation-delay: -0.9s } .sk-rect5 { animation-delay: -0.8s } } @keyframes sk-waveStretchDelay { 0%, 40%, 100% { transform: scaleY(0.4) } 20% { transform: scaleY(1.0) } }