2018-03-18 18:09:58 +00:00
|
|
|
const loading-anim-duration = 0.8s
|
|
|
|
|
const loading-anim-size = 24px
|
2017-06-17 00:33:22 +00:00
|
|
|
|
2017-06-19 14:20:46 +00:00
|
|
|
#loading
|
2017-06-17 00:33:22 +00:00
|
|
|
position fixed
|
|
|
|
|
bottom 1.15rem
|
2017-06-20 12:16:23 +00:00
|
|
|
right 1.15rem
|
2018-03-09 12:09:00 +00:00
|
|
|
z-index 1
|
2017-06-17 00:33:22 +00:00
|
|
|
pointer-events none
|
|
|
|
|
|
|
|
|
|
.sk-cube-grid
|
|
|
|
|
horizontal-wrap
|
2017-06-17 00:54:47 +00:00
|
|
|
width loading-anim-size
|
|
|
|
|
height loading-anim-size
|
2017-06-17 00:33:22 +00:00
|
|
|
transform rotateZ(0deg)
|
2017-06-17 00:54:47 +00:00
|
|
|
animation sk-rotate loading-anim-duration infinite linear
|
2017-06-17 00:33:22 +00:00
|
|
|
|
|
|
|
|
.sk-cube
|
|
|
|
|
width 33.3%
|
|
|
|
|
height 33.3%
|
2017-06-26 21:41:16 +00:00
|
|
|
background-color loading-anim-color
|
2017-06-17 00:33:22 +00:00
|
|
|
opacity 0.7
|
|
|
|
|
border-radius 100%
|
2017-06-17 00:54:47 +00:00
|
|
|
animation sk-pulse loading-anim-duration infinite linear
|
2017-06-17 00:33:22 +00:00
|
|
|
|
|
|
|
|
.sk-cube-center
|
|
|
|
|
opacity 1.0
|
|
|
|
|
|
|
|
|
|
.hide
|
|
|
|
|
visibility hidden
|
|
|
|
|
|
|
|
|
|
animation sk-rotate
|
|
|
|
|
0%
|
|
|
|
|
transform rotateZ(0deg)
|
|
|
|
|
100%
|
|
|
|
|
transform rotateZ(360deg)
|
|
|
|
|
|
|
|
|
|
animation sk-pulse
|
|
|
|
|
0%, 100%
|
|
|
|
|
transform scale3D(0.4, 0.4, 0.4)
|
|
|
|
|
50%
|
|
|
|
|
transform scale3D(0.9, 0.9, 0.9)
|
