2020-09-02 02:46:13 +08:00
|
|
|
@import "/imports/ui/stylesheets/variables/breakpoints";
|
2017-07-18 02:21:45 +08:00
|
|
|
@import "/imports/ui/stylesheets/mixins/_scrollable";
|
2016-09-01 03:52:17 +08:00
|
|
|
|
|
|
|
.modal {
|
|
|
|
@include scrollbox-vertical();
|
|
|
|
|
|
|
|
max-width: 60vw;
|
|
|
|
max-height: 100%;
|
2018-10-19 04:37:14 +08:00
|
|
|
border-radius: var(--border-radius);
|
2016-09-01 03:52:17 +08:00
|
|
|
background: #fff;
|
|
|
|
overflow: auto;
|
|
|
|
|
|
|
|
@include mq($small-only) {
|
|
|
|
max-width: 95vw;
|
|
|
|
}
|
|
|
|
|
|
|
|
@include mq($medium-up) {
|
|
|
|
max-width: 80vw;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-04-05 22:25:26 +08:00
|
|
|
.overlay {
|
2016-09-01 03:52:17 +08:00
|
|
|
z-index: 1000;
|
2016-12-07 19:56:20 +08:00
|
|
|
background: #fff;
|
2016-09-01 03:52:17 +08:00
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: center;
|
|
|
|
position: fixed;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
|
|
|
}
|
|
|
|
|
2017-04-05 22:25:26 +08:00
|
|
|
.portal {
|
|
|
|
overflow: hidden;
|
|
|
|
}
|