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

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

40 lines
594 B
SCSS
Raw Normal View History

.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: $font-up-1;
font-weight: 700;
}
}
&:not(.is-loading) {
animation: fadein 0.5s;
-webkit-animation: fadein 0.5s;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
}