59 lines
1.2 KiB
SCSS
59 lines
1.2 KiB
SCSS
/**
|
|
* Copyright since 2025 Mifos Initiative
|
|
*
|
|
* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
*/
|
|
|
|
.loader-wrapper {
|
|
height: 100vh;
|
|
width: 100vw;
|
|
|
|
.triangle {
|
|
width: 0;
|
|
height: 0;
|
|
border-style: solid;
|
|
position: absolute;
|
|
animation: rotate 0.8s infinite 0.2s;
|
|
}
|
|
|
|
.bottom {
|
|
border-width: 0 90px 90px;
|
|
border-color: transparent transparent #1fb050;
|
|
bottom: calc(50% - 100px);
|
|
left: calc(50% - 90px);
|
|
}
|
|
|
|
.top {
|
|
border-width: 90px 90px 0;
|
|
border-color: #b4d575 transparent transparent;
|
|
top: calc(50% - 100px);
|
|
left: calc(50% - 90px);
|
|
}
|
|
|
|
.left {
|
|
border-width: 90px 0 90px 90px;
|
|
border-color: transparent transparent transparent #1074b9;
|
|
top: calc(50% - 90px);
|
|
left: calc(50% - 100px);
|
|
}
|
|
|
|
.right {
|
|
border-width: 90px 90px 90px 0;
|
|
border-color: transparent #1daeec transparent transparent;
|
|
top: calc(50% - 90px);
|
|
right: calc(50% - 100px);
|
|
}
|
|
|
|
@keyframes rotate {
|
|
from {
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
}
|