2019-09-02 14:29:19 +03:00
|
|
|
.loading {
|
|
|
|
width: 50px;
|
|
|
|
height: 50px;
|
2020-03-03 12:13:08 +03:00
|
|
|
animation: loaderFadein .2s ease-in;
|
2019-09-02 14:29:19 +03:00
|
|
|
}
|
|
|
|
|
2020-08-13 13:45:18 +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;
|
|
|
|
-webkit-animation: spin 1s ease-in-out infinite;
|
|
|
|
}
|
|
|
|
|
2020-08-13 13:45:18 +03:00
|
|
|
.loading.sm div {
|
|
|
|
width: 25px;
|
|
|
|
height: 25px;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
2019-09-02 14:29:19 +03:00
|
|
|
@keyframes spin {
|
|
|
|
to { -webkit-transform: rotate(360deg); }
|
|
|
|
}
|
|
|
|
@-webkit-keyframes spin {
|
|
|
|
to { -webkit-transform: rotate(360deg); }
|
|
|
|
}
|
2020-03-03 12:13:08 +03:00
|
|
|
|
|
|
|
@keyframes loaderFadein {
|
|
|
|
0% { opacity: 0; }
|
|
|
|
50% { opacity: 0; }
|
|
|
|
100% { opacity: 1; }
|
|
|
|
}
|