hensei-web/components/Overlay/index.scss

21 lines
432 B
SCSS

.Overlay {
isolation: isolate;
position: fixed;
z-index: 30;
top: 0;
right: 0;
bottom: 0;
left: 0;
&.Job {
animation: none;
backdrop-filter: blur(5px) saturate(100%) brightness(80%) opacity(1);
}
&.Visible {
animation: 0.24s ease-in fadeInFilter;
animation-fill-mode: forwards;
backdrop-filter: blur(5px) saturate(100%) brightness(80%) opacity(0);
background: rgba(0, 0, 0, 0.6);
}
}