mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 11:17:19 +08:00
68 lines
1.1 KiB
SCSS
68 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],
|
|
.padding > scroll-content,
|
|
[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;
|
|
}
|