ng-implementation/my-workspace/projects/sae-lib/modal/confirm/confirm.scss
2025-09-26 12:30:20 +02:00

54 lines
916 B
SCSS

:host {
position: fixed;
z-index: 1000;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.2);
display: flex;
justify-content: center;
align-items: center;
.confirm-modal {
width: 500px;
border-radius: 8px;
background: #FFF;
box-shadow: 0 19px 29px 0 rgba(30, 31, 34, 0.05);
padding: 24px 29px;
}
.body {
color: #000;
font-family: Barlow;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 16.8px */
}
.title {
color: #000;
leading-trim: both;
text-edge: cap;
font-family: Barlow;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 20px; /* 100% */
margin-bottom: 16px;
}
.actions {
padding-top: 24px;
display: flex;
align-content: center;
justify-content: space-between;
}
p {
margin-bottom: 16px;
}
}