52 lines
949 B
SCSS
52 lines
949 B
SCSS
@keyframes vault-loading-animation {
|
|
0%,
|
|
70%,
|
|
100% {
|
|
transform: scale3D(1, 1, 1);
|
|
}
|
|
|
|
35% {
|
|
transform: scale3D(0, 0, 1);
|
|
}
|
|
}
|
|
|
|
#vault-loading {
|
|
polygon {
|
|
animation: vault-loading-animation 1.3s infinite ease-in-out;
|
|
transform-origin: 50% 50%;
|
|
fill: #DCE2E9;
|
|
}
|
|
|
|
.vault-loading-order-1 {
|
|
animation-delay: .1s;
|
|
}
|
|
|
|
.vault-loading-order-2 {
|
|
animation-delay: .2s;
|
|
}
|
|
|
|
.vault-loading-order-3 {
|
|
animation-delay: .3s;
|
|
}
|
|
|
|
.vault-loading-order-4 {
|
|
animation-delay: .4s;
|
|
}
|
|
}
|
|
|
|
#vault-loading-animated {
|
|
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
|
|
// For IE11
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
#vault-loading-static {
|
|
display: none;
|
|
font-size: 9px;
|
|
|
|
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
|
|
// For IE11
|
|
display: block;
|
|
}
|
|
} |