mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-10 00:27:41 +08:00
a7f1f4daa7
- updates components to use shadow DOM or scoped if they require css variables - moves global styles to an external stylesheet that needs to be imported - adds support for additional colors and removes the Sass loops to generate colors for each component - several property renames, bug fixes, and test updates Co-authored-by: Manu Mtz.-Almeida <manu.mtza@gmail.com> Co-authored-by: Adam Bradley <adambradley25@gmail.com> Co-authored-by: Cam Wiegert <cam@camwiegert.com>
35 lines
521 B
SCSS
35 lines
521 B
SCSS
@import "../../themes/ionic.globals";
|
|
|
|
:host {
|
|
@include position(0, 0, 0, 0);
|
|
|
|
position: absolute;
|
|
z-index: $z-index-scroll-content;
|
|
display: block;
|
|
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
will-change: scroll-position;
|
|
|
|
contain: size style layout;
|
|
}
|
|
|
|
:host(.overscroll)::before,
|
|
:host(.overscroll)::after {
|
|
position: absolute;
|
|
|
|
width: 1px;
|
|
height: 1px;
|
|
|
|
content: "";
|
|
}
|
|
|
|
:host(.overscroll)::before {
|
|
bottom: -1px;
|
|
}
|
|
|
|
:host(.overscroll)::after {
|
|
top: -1px;
|
|
}
|