53 lines
1.1 KiB
SCSS
53 lines
1.1 KiB
SCSS
@use '../abstracts' as *;
|
|
|
|
.modal-popup{
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width:100%;
|
|
height:100%;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
background:rgba(0,0,0,.75);
|
|
z-index:110000;
|
|
.modal-dialog {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
min-height: calc(100% - (24px * 2));
|
|
max-width: 860px;
|
|
z-index:111000;
|
|
margin: 24px auto;
|
|
pointer-events: none;
|
|
font-size: $font-s-14;
|
|
.modal-content{
|
|
flex:1;
|
|
position: relative;
|
|
margin: 0 16px;
|
|
background-clip: padding-box;
|
|
background-color: $white-fff;
|
|
outline: 0 none;
|
|
pointer-events: auto;
|
|
.modal-header {
|
|
display: block;
|
|
position:relative;
|
|
padding:10px
|
|
}
|
|
.modal-body {
|
|
position: relative;
|
|
-ms-flex: 1 1 auto;
|
|
flex: 1 1 auto;
|
|
padding: 10px;
|
|
}
|
|
.modal-footer {
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-ms-flex-pack: end;
|
|
justify-content: flex-end;
|
|
padding: 10px;
|
|
}
|
|
}
|
|
}
|
|
} |