mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
16dcd2d114
this commit removes a globally injected style, `ionic.skip-warns.scss`, from the project. this stylesheet was used to set a variable, `$Ionic`, that would turn on/off deprecation warnings in (the also removed) `ionic.deprecation.scss`. any file using either of the aforementioned files have been updated. this change is occurring while the stencil team is looking to improve the size of generated components that use >1 mode. this deprecation was a part of an initiative to remove sass source files from artifact published to npm. while that was completed, this deprecation was not removed (until now) Co-authored-by: Liam DeBeasi <liamdebeasi@users.noreply.github.com>
86 lines
1.6 KiB
SCSS
86 lines
1.6 KiB
SCSS
@import "../themes/ionic.globals";
|
|
@import "../themes/ionic.mixins";
|
|
|
|
|
|
// Structure
|
|
// --------------------------------------------------
|
|
// Adds structural css to the native html elements
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
-webkit-tap-highlight-color: transparent;
|
|
-webkit-touch-callout: none;
|
|
}
|
|
|
|
html {
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
text-size-adjust: 100%;
|
|
}
|
|
|
|
html:not(.hydrated) body {
|
|
display: none;
|
|
}
|
|
|
|
html.ion-ce body {
|
|
display: block;
|
|
}
|
|
|
|
html.plt-pwa {
|
|
height: 100vh;
|
|
}
|
|
|
|
body {
|
|
@include font-smoothing();
|
|
@include margin(0);
|
|
@include padding(0);
|
|
|
|
position: fixed;
|
|
|
|
width: 100%;
|
|
max-width: 100%;
|
|
height: 100%;
|
|
max-height: 100%;
|
|
|
|
/**
|
|
* Because body has position: fixed,
|
|
* it should be promoted to its own
|
|
* layer.
|
|
*
|
|
* WebKit does not always promote
|
|
* the body to its own layer on page
|
|
* load in Ionic apps. Once scrolling on
|
|
* ion-content starts, WebKit will promote
|
|
* body. Unfortunately, this causes a re-paint
|
|
* which results in scrolling being halted
|
|
* until the next user gesture.
|
|
*
|
|
* This impacts the Custom Elements build.
|
|
* The lazy loaded build causes the browser to
|
|
* re-paint during hydration which causes WebKit
|
|
* to promote body to its own layer.
|
|
* In the CE Build, this hydration does not
|
|
* happen, so the additional re-paint does not occur.
|
|
*/
|
|
transform: translateZ(0);
|
|
|
|
text-rendering: optimizeLegibility;
|
|
|
|
overflow: hidden;
|
|
|
|
touch-action: manipulation;
|
|
|
|
-webkit-user-drag: none;
|
|
|
|
-ms-content-zooming: none;
|
|
|
|
word-wrap: break-word;
|
|
|
|
overscroll-behavior-y: none;
|
|
|
|
text-size-adjust: none;
|
|
}
|