mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-20 12:29:55 +08:00
113 lines
2.0 KiB
SCSS
113 lines
2.0 KiB
SCSS
@import "../../globals.core";
|
|
|
|
// Content
|
|
// --------------------------------------------------
|
|
|
|
|
|
// Content Padding
|
|
// --------------------------------------------------
|
|
|
|
[no-padding],
|
|
[no-padding] scroll-content {
|
|
padding: 0;
|
|
}
|
|
|
|
@mixin content-padding($content-padding) {
|
|
[padding],
|
|
[padding] scroll-content {
|
|
padding: $content-padding;
|
|
}
|
|
|
|
[padding-top],
|
|
[padding-top] scroll-content {
|
|
padding-top: $content-padding;
|
|
}
|
|
|
|
[padding-left],
|
|
[padding-left] scroll-content {
|
|
padding-left: $content-padding;
|
|
}
|
|
|
|
[padding-right],
|
|
[padding-right] scroll-content {
|
|
padding-right: $content-padding;
|
|
}
|
|
|
|
[padding-bottom],
|
|
[padding-bottom] scroll-content {
|
|
padding-bottom: $content-padding;
|
|
}
|
|
|
|
[padding-vertical],
|
|
[padding-vertical] scroll-content {
|
|
padding-top: $content-padding;
|
|
padding-bottom: $content-padding;
|
|
}
|
|
|
|
[padding-horizontal],
|
|
[padding-horizontal] scroll-content {
|
|
padding-right: $content-padding;
|
|
padding-left: $content-padding;
|
|
}
|
|
}
|
|
|
|
|
|
// Content Margin
|
|
// --------------------------------------------------
|
|
|
|
[no-margin],
|
|
[no-margin] scroll-content {
|
|
margin: 0;
|
|
}
|
|
|
|
@mixin content-margin($content-margin) {
|
|
[margin],
|
|
[margin] scroll-content {
|
|
margin: $content-margin;
|
|
}
|
|
|
|
[margin-top],
|
|
[margin-top] scroll-content {
|
|
margin-top: $content-margin;
|
|
}
|
|
|
|
[margin-left],
|
|
[margin-left] scroll-content {
|
|
margin-left: $content-margin;
|
|
}
|
|
|
|
[margin-right],
|
|
[margin-right] scroll-content {
|
|
margin-right: $content-margin;
|
|
}
|
|
|
|
[margin-bottom],
|
|
[margin-bottom] scroll-content {
|
|
margin-bottom: $content-margin;
|
|
}
|
|
|
|
[margin-vertical],
|
|
[margin-vertical] scroll-content {
|
|
margin-top: $content-margin;
|
|
margin-bottom: $content-margin;
|
|
}
|
|
|
|
[margin-horizontal],
|
|
[margin-horizontal] scroll-content {
|
|
margin-right: $content-margin;
|
|
margin-left: $content-margin;
|
|
}
|
|
}
|
|
|
|
|
|
// Content Fixed
|
|
// --------------------------------------------------
|
|
|
|
ion-fixed {
|
|
position: absolute;
|
|
|
|
z-index: $z-index-fixed-content;
|
|
|
|
transform: translateZ(0);
|
|
}
|