initial commit
This commit is contained in:
@@ -0,0 +1,35 @@
|
||||
// main: ../main.scss
|
||||
/*--------------------------------------------------------------
|
||||
# Preloader
|
||||
--------------------------------------------------------------*/
|
||||
#preloader {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
z-index: 999999;
|
||||
overflow: hidden;
|
||||
background: var(--background-color);
|
||||
transition: all 0.6s ease-out;
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
position: fixed;
|
||||
top: calc(50% - 30px);
|
||||
left: calc(50% - 30px);
|
||||
border: 6px solid #ffffff;
|
||||
border-color: var(--accent-color) transparent var(--accent-color) transparent;
|
||||
border-radius: 50%;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
animation: animate-preloader 1.5s linear infinite;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes animate-preloader {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user