fix theme...
This commit is contained in:
50
themes/anzhiyu/source/css/_global/loading.styl
Normal file
50
themes/anzhiyu/source/css/_global/loading.styl
Normal file
@@ -0,0 +1,50 @@
|
||||
if hexo-config('preloader')
|
||||
.loading-bg
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
background: var(--anzhiyu-card-bg);
|
||||
z-index: 1001;
|
||||
opacity: 1;
|
||||
overflow hidden
|
||||
transition: 0.2s;
|
||||
animation: showLoading 0.3s 0s backwards;
|
||||
&::-webkit-scrollbar
|
||||
display: none
|
||||
|
||||
#loading-box
|
||||
user-select none
|
||||
.loading-img
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border-radius: 50%;
|
||||
margin: auto;
|
||||
border: 4px solid #f0f0f2;
|
||||
animation-duration: 0.2s;
|
||||
animation-name: loadingAction;
|
||||
animation-iteration-count: infinite;
|
||||
animation-direction: alternate;
|
||||
.loading-image-dot
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: #6bdf8f;
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
border: 6px solid #fff;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(18px, 24px);
|
||||
&.loaded
|
||||
.loading-bg
|
||||
opacity: 0;
|
||||
z-index: -1000;
|
||||
|
||||
@keyframes loadingAction
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: .4;
|
||||
}
|
||||
Reference in New Issue
Block a user