44 lines
726 B
CSS
44 lines
726 B
CSS
.popup {
|
|
position: fixed;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%) scale(0);
|
|
transform-origin: center;
|
|
background: white;
|
|
width: 55vw;
|
|
height: 39vh;
|
|
padding: 3vh 5vw;
|
|
box-shadow: var(--boxShadow);
|
|
border-radius: var(--borderRadius);
|
|
transition: .35s;
|
|
z-index: 11;
|
|
}
|
|
|
|
.visible {
|
|
pointer-events: all;
|
|
transform: translate(-50%, -50%) scale(1);
|
|
}
|
|
|
|
.popup h3 {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.popup ul {
|
|
list-style: none;
|
|
}
|
|
|
|
.popup li button {
|
|
width: 100%;
|
|
padding: 8% 0;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.popupClose {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
background: rgba(0, 0, 0, 0.75);
|
|
z-index: 11;
|
|
} |