2021-02-23 21:09:49 +08:00
|
|
|
svg.loading
|
|
|
|
|
display: block
|
|
|
|
|
position: absolute
|
2021-02-24 00:32:07 +08:00
|
|
|
color: var(--text-p3)
|
2021-02-23 21:09:49 +08:00
|
|
|
z-index: -1
|
|
|
|
|
width: 100%
|
|
|
|
|
height: 2rem
|
|
|
|
|
margin: auto
|
|
|
|
|
animation: spin infinite 2s
|
|
|
|
|
animation-timing-function: linear
|
|
|
|
|
@keyframes spin
|
|
|
|
|
from
|
|
|
|
|
transform:rotate(0deg)
|
|
|
|
|
to
|
|
|
|
|
transform:rotate(360deg)
|
2022-10-11 22:46:00 +08:00
|
|
|
|
|
|
|
|
.loading-wrap
|
2022-10-24 23:30:34 +08:00
|
|
|
margin: 0
|
2022-10-24 00:41:49 +08:00
|
|
|
text-align: center
|
|
|
|
|
background: var(--block)
|
|
|
|
|
border-radius: $border-card
|
|
|
|
|
position relative
|
|
|
|
|
padding: 2rem
|
|
|
|
|
svg
|
|
|
|
|
margin: 4px
|
|
|
|
|
&:after
|
|
|
|
|
content: hexo-config('style.loading.loading')
|
|
|
|
|
color: var(--text-p1)
|
|
|
|
|
display: block
|
|
|
|
|
font-size: 14px
|
|
|
|
|
&.error
|
|
|
|
|
&:after
|
|
|
|
|
content: hexo-config('style.loading.error')
|
