mirror of https://github.com/wekan/wekan
The Open Source kanban (built with Meteor). Keep variable/table/field names camelCase. For translations, only add Pull Request changes to wekan/i18n/en.i18n.json , other translations are done at https://transifex.com/wekan/wekan only.
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
45 lines
916 B
45 lines
916 B
/*
|
|
* From https://github.com/tobiasahlin/SpinKit
|
|
*
|
|
* Usage:
|
|
*
|
|
* <div class="sk-spinner sk-spinner-wave">
|
|
* <div class="sk-rect1"></div>
|
|
* <div class="sk-rect2"></div>
|
|
* <div class="sk-rect3"></div>
|
|
* <div class="sk-rect4"></div>
|
|
* <div class="sk-rect5"></div>
|
|
* </div>
|
|
*
|
|
*/
|
|
|
|
.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) }
|
|
}
|
|
|