mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-22 05:21:52 +08:00
30 lines
640 B
SCSS
30 lines
640 B
SCSS
@import "../../globals.core";
|
|
|
|
// Modals
|
|
// --------------------------------------------------
|
|
|
|
ion-page.modal {
|
|
z-index: $z-index-overlay;
|
|
|
|
// hidden by default to prevent flickers, the animation will show it
|
|
transform: translate3d(0, 100%, 0);
|
|
|
|
@media only screen and (min-width: 768px) and (min-height: 600px){
|
|
position: absolute;
|
|
top: calc(50% - 250px);
|
|
left: calc(50% - 300px);
|
|
|
|
width: 600px;
|
|
height: 500px;
|
|
}
|
|
|
|
@media only screen and (min-width: 768px) and (min-height: 768px){
|
|
position: absolute;
|
|
top: calc(50% - 300px);
|
|
left: calc(50% - 300px);
|
|
|
|
width: 600px;
|
|
height: 600px;
|
|
}
|
|
}
|