trusted-setup-server/assets/styles/components/_loading.scss

43 lines
788 B
SCSS
Raw Permalink Normal View History

2020-02-16 13:33:51 +01:00
.loading-overlay {
&.is-full-page {
.loading-background {
background:rgba(0,0,0,0.85);
}
}
.loading-container {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
.loading-tornado {
&:after {
content: '';
display: block;
height: 60px;
width: 60px;
background-image: url('../img/logo.svg');
animation: spinAroundReverse 2000ms infinite linear;
}
}
.loading-message {
padding-top: .5rem;
color: $primary;
text-align: center;
&.is-danger {
color: $danger;
}
}
}
}
@keyframes spinAroundReverse {
from {
transform: rotate(359deg); }
to {
transform: rotate(0deg); }
}