@guardian/threads
Version:
31 lines (28 loc) • 445 B
CSS
.modalDimmer {
height: 100vh;
width: 100vw;
display: flex;
align-items: center;
justify-content: center;
overflow: auto;
background: rgba(0, 0, 0, 0.15);
flex-direction: column;
position: fixed;
top: 0;
left: 0;
}
.modalPanel {
transform-origin: center;
animation: appear 0.2s ease-in-out;
contain: content;
}
@keyframes appear {
0% {
transform: scale(0.95);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}