javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-23 05:58:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(css): add core.css (#15220)

Browse Source 
fixes #15170
This commit is contained in:
Manu MA
2018-08-29 18:05:20 +02:00
committed by GitHub
parent 99a2925b66
commit 096d9a76f3
227 changed files with 351 additions and 334 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
core/src/css/structure.scss
View File

@ -49,70 +49,3 @@ body {
text-size-adjust: none;
}
// Page Container Structure
// --------------------------------------------------
.ion-page {
@include position(0, 0, 0, 0);
display: flex;
position: absolute;
flex-direction: column;
justify-content: space-between;
contain: layout size style;
overflow: hidden;
z-index: $z-index-page-container;
}
ion-route,
ion-route-redirect,
ion-router,
ion-animation-controller,
ion-nav-controller,
ion-menu-controller,
ion-action-sheet-controller,
ion-alert-controller,
ion-loading-controller,
ion-modal-controller,
ion-picker-controller,
ion-popover-controller,
ion-toast-controller,
.ion-page-hidden,
[hidden] {
/* stylelint-disable-next-line declaration-no-important */
display: none !important;
}
.ion-page-invisible {
opacity: 0;
}
html.plt-ios.plt-hybrid, html.plt-ios.plt-pwa {
--ion-statusbar-padding: 20px;
}
html {
--ion-safe-area-top: var(--ion-statusbar-padding);
}
// TODO: remove once Safari 11.2 dies
@supports (padding-top: constant(safe-area-inset-top)) {
html {
--ion-safe-area-top: constant(safe-area-inset-top);
--ion-safe-area-bottom: constant(safe-area-inset-bottom);
--ion-safe-area-left: constant(safe-area-inset-left);
--ion-safe-area-right: constant(safe-area-inset-right);
}
}
@supports (padding-top: env(safe-area-inset-top)) {
html {
--ion-safe-area-top: env(safe-area-inset-top);
--ion-safe-area-bottom: env(safe-area-inset-bottom);
--ion-safe-area-left: env(safe-area-inset-left);
--ion-safe-area-right: env(safe-area-inset-right);
}
}