hexo-theme-stellar/source/css/_common/loading.styl

33 lines
661 B
Stylus

svg.loading
display: block
position: absolute
color: var(--text-p3)
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)
.loading-wrap
margin: 0.5rem 0
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')