Newer
Older
background: red;
top: 3rem;
left: 0;
right: 0;
bottom: -2px;
height: auto;
overflow: hidden;
position: absolute;
z-index: 2;
}
.alert-modal {
margin-top: 7rem;
display: flex;
align-items: center;
justify-content: center;
}
.alert-modal-content {
background: green;
&.image,
&.description {
text-align: center;
}
}
.alert-screen {
// FULL SCREEN OVERLAY
display: flex;
align-items: center;
justify-content: center;
// PARTIAL SCREEN OVERLAY
// position: absolute;
// top: 50%;
// left: 50%;
// transform: translate(-50%, -50%);
// height: auto;
// background: rgba(184, 184, 184, 0.5);
// z-index: 2;
// padding: 1rem;
.alert-screen_image {
display: flex;
align-items: center;
justify-content: center;
img {
display: block;
height: auto;
}
}
.alert-screen_text {
margin-top: 1rem;
text-align: center;
font-weight: 600;
font-size: ms(1);
line-height: ms(1) * 1.3;
margin-bottom: 0.25rem;
}
p {
color: $grey;