mirror of
https://github.com/wekan/wekan.git
synced 2025-12-16 15:30:13 +01:00
8b5fd09ff3
The layout issue was related to the lack of autoprexing for CSS
properties. c69f993 did improve the reload time significantly but for
that I had to replace `mquandalle:stylus` by the core `stylus`
package. Unfortunatly it is currently difficult to run an autoprefixer
with the core CSS compilers (as reported in
https://github.com/meteor/meteor/issues/5219).
So instead we rely on `nib` which transparently define some mixins for
autoprefixing, the only restrictions being that we have to manually
`@import 'nib'` on top of stylus files.
Fixes #461
43 lines
872 B
Stylus
43 lines
872 B
Stylus
@import 'nib'
|
|
|
|
/*
|
|
* 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 {
|
|
width: 50px;
|
|
height: 50px;
|
|
margin: auto;
|
|
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) }
|
|
}
|