open-vault/ui/app/styles/components/vault-loading.scss

53 lines
851 B
SCSS
Raw Normal View History

@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: 0.1s;
}
.vault-loading-order-2 {
animation-delay: 0.2s;
}
.vault-loading-order-3 {
animation-delay: 0.3s;
}
.vault-loading-order-4 {
animation-delay: 0.4s;
}
}
#vault-loading-animated {
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
// For IE11
2018-04-17 16:24:13 +00:00
display: none;
}
}
2018-04-17 16:24:13 +00:00
#vault-loading-static {
display: none;
font-size: 9px;
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
// For IE11
display: block;
}
}