mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 19:21:34 +08:00
66 lines
1.1 KiB
SCSS
66 lines
1.1 KiB
SCSS
|
|
// Content
|
|
// --------------------------------------------------
|
|
|
|
$content-background-color: $background-color !default;
|
|
|
|
|
|
ion-content {
|
|
position: relative;
|
|
display: block;
|
|
flex: 1;
|
|
background-color: $content-background-color;
|
|
}
|
|
|
|
scroll-content {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
display: block;
|
|
overflow-y: scroll; // has to be scroll for momentum scrolling, not auto
|
|
overflow-x: hidden;
|
|
-webkit-overflow-scrolling: touch;
|
|
will-change: scroll-position;
|
|
}
|
|
|
|
|
|
|
|
// Content Padding
|
|
// --------------------------------------------------
|
|
|
|
$content-padding: 16px !default;
|
|
|
|
|
|
[padding],
|
|
[padding] > scroll-content {
|
|
padding: $content-padding;
|
|
}
|
|
|
|
[padding-top] {
|
|
padding-top: $content-padding;
|
|
}
|
|
|
|
[padding-right] {
|
|
padding-right: $content-padding;
|
|
}
|
|
|
|
[padding-bottom] {
|
|
padding-bottom: $content-padding;
|
|
}
|
|
|
|
[padding-left] {
|
|
padding-left: $content-padding;
|
|
}
|
|
|
|
[padding-vertical] {
|
|
padding-top: $content-padding;
|
|
padding-bottom: $content-padding;
|
|
}
|
|
|
|
[padding-horizontal] {
|
|
padding-right: $content-padding;
|
|
padding-left: $content-padding;
|
|
}
|