analytics/assets/css/loader.css

52 lines
659 B
CSS
Raw Normal View History

/* @format */
2019-09-02 14:29:19 +03:00
.loading {
width: 50px;
height: 50px;
animation: loader-fade-in 0.2s ease-in;
2019-09-02 14:29:19 +03:00
}
.loading.sm {
width: 25px;
height: 25px;
}
2019-09-02 14:29:19 +03:00
.loading div {
display: inline-block;
width: 50px;
height: 50px;
border: 3px solid #dae1e7;
border-radius: 50%;
border-top-color: #606f7b;
animation: spin 1s ease-in-out infinite;
}
.dark .loading div {
border: 3px solid #606f7b;
border-top-color: #dae1e7;
}
.loading.sm div {
width: 25px;
height: 25px;
}
2019-09-02 14:29:19 +03:00
@keyframes spin {
to {
transform: rotate(360deg);
}
2019-09-02 14:29:19 +03:00
}
@keyframes loader-fade-in {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}