mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 03:32:21 +08:00
31 lines
790 B
SCSS
31 lines
790 B
SCSS
|
|
// Modals
|
|
// --------------------------
|
|
|
|
$modal-bg-color: #fff !default;
|
|
$modal-backdrop-bg-active: #000 !default;
|
|
$modal-backdrop-bg-inactive: rgba(0,0,0,0) !default;
|
|
|
|
$modal-inset-mode-break-point: 680px !default; // @media min-width
|
|
$modal-inset-mode-top: 20% !default;
|
|
$modal-inset-mode-right: 20% !default;
|
|
$modal-inset-mode-bottom: 20% !default;
|
|
$modal-inset-mode-left: 20% !default;
|
|
$modal-inset-mode-min-height: 240px !default;
|
|
|
|
|
|
ion-modal {
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: $z-index-overlay;
|
|
overflow: hidden;
|
|
min-height: 100%;
|
|
width: 100%;
|
|
background-color: $modal-bg-color;
|
|
|
|
transform: translate3d(0px, 100%, 0px);
|
|
&.show-overlay {
|
|
transform: translate3d(0px, 0px, 0px);
|
|
}
|
|
}
|