2016-09-15 01:34:25 +00:00
|
|
|
.modal {
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
height: 100%;
|
|
|
|
width: 100%;
|
2019-10-04 18:06:17 +00:00
|
|
|
background-color: $color-black-alpha-20;
|
2016-09-15 01:34:25 +00:00
|
|
|
padding: 0 20px;
|
|
|
|
z-index: 100;
|
|
|
|
overflow-y: auto;
|
|
|
|
|
|
|
|
.content {
|
|
|
|
position: relative;
|
|
|
|
max-width: 350px;
|
|
|
|
margin: 100px auto;
|
|
|
|
padding: 1em;
|
2019-10-04 18:06:17 +00:00
|
|
|
border-radius: 5px;
|
2016-09-15 01:34:25 +00:00
|
|
|
overflow: auto;
|
2019-10-04 18:06:17 +00:00
|
|
|
|
|
|
|
@include light-theme {
|
|
|
|
background-color: $color-white;
|
|
|
|
box-shadow: 0px 3px 5px 0px $color-black-alpha-20;
|
|
|
|
}
|
|
|
|
@include dark-theme {
|
|
|
|
background-color: $color-gray-95;
|
|
|
|
box-shadow: 0px 3px 5px 0px $color-white-alpha-20;
|
|
|
|
}
|
2016-09-15 01:34:25 +00:00
|
|
|
}
|
|
|
|
}
|