open-vault/ui/app/styles/components/vault-loading.scss
Matthew Irish 9f77077877
UI - build optimize (#5784)
* remove ember-cli-favicon

* link to png favicon in public folder

* skip some things in the build depending on the env

* update to ember-cli 3.5.0 for broccoli 2, and ember-fetch because it was incompatible with broccoli 2

* update some things the new sass module wasn't happy about

* turn off more things in dev to make the build faster

* bump to the latest ember-cli and move back to node-sass

* remove sass since we're using node-sass

* include polyfill in test as well
2018-11-26 12:47:56 -06:00

53 lines
851 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: 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
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;
}
}