upend/webui/src/lib/styles/main.scss

38 lines
542 B
SCSS

@use 'normalize.css/normalize.css';
@use 'colors-app';
@use 'fonts';
@use 'common';
body {
height: calc(100vh - 2rem);
display: flex;
flex-direction: column;
}
main {
flex-grow: 1;
}
.image-queued,
.image-loading {
animation: gradient 1.5s ease infinite;
color: transparent; // Hide alt-text
@keyframes gradient {
0% {
background-color: rgba(255, 255, 255, 0.2);
}
50% {
background-color: rgba(255, 255, 255, 0.4);
}
100% {
background-color: rgba(255, 255, 255, 0.2);
}
}
}
.image-queued {
opacity: 0.5;
}