discourse/app/assets/stylesheets/common/components/conditional-loading-section...

30 lines
461 B
SCSS

.conditional-loading-section {
&.is-loading {
padding: 2em;
margin: 1em;
display: flex;
align-items: center;
justify-content: center;
background: var(--primary-very-low);
flex-direction: column;
.title {
font-size: var(--font-up-1);
font-weight: 700;
}
}
&:not(.is-loading) {
animation: fadein 0.5s;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
}