42 lines
732 B
Plaintext
Raw Permalink Normal View History

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
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)