mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-21 21:15:24 +08:00
fe11eccb46
also split all of the modes up so they can have different amounts of padding/margin on their content references #5565
98 lines
1.7 KiB
SCSS
98 lines
1.7 KiB
SCSS
@import "../../globals.ios";
|
|
@import "./content";
|
|
|
|
// iOS Content
|
|
// --------------------------------------------------
|
|
|
|
$content-ios-outer-background-color: #efeff4 !default;
|
|
$content-ios-padding: $content-padding !default;
|
|
$content-ios-margin: $content-margin !default;
|
|
|
|
|
|
ion-content {
|
|
background-color: $background-ios-color;
|
|
}
|
|
|
|
.outer-content {
|
|
background: $content-ios-outer-background-color;
|
|
}
|
|
|
|
ion-nav.has-views,
|
|
ion-tab.has-views {
|
|
background: #000;
|
|
}
|
|
|
|
|
|
// iOS Content Padding
|
|
// --------------------------------------------------
|
|
|
|
[padding],
|
|
[padding] > scroll-content {
|
|
padding: $content-ios-padding;
|
|
}
|
|
|
|
[padding-top] {
|
|
padding-top: $content-ios-padding;
|
|
}
|
|
|
|
[padding-left] {
|
|
padding-left: $content-ios-padding;
|
|
}
|
|
|
|
[padding-right] {
|
|
padding-right: $content-ios-padding;
|
|
}
|
|
|
|
[padding-bottom] {
|
|
padding-bottom: $content-ios-padding;
|
|
}
|
|
|
|
[padding-vertical] {
|
|
padding-top: $content-ios-padding;
|
|
padding-bottom: $content-ios-padding;
|
|
}
|
|
|
|
[padding-horizontal] {
|
|
padding-right: $content-ios-padding;
|
|
padding-left: $content-ios-padding;
|
|
}
|
|
|
|
[no-padding] {
|
|
padding: 0;
|
|
}
|
|
|
|
|
|
// iOS Content Margin
|
|
// --------------------------------------------------
|
|
|
|
[margin],
|
|
[margin] > scroll-content {
|
|
margin: $content-ios-margin;
|
|
}
|
|
|
|
[margin-top] {
|
|
margin-top: $content-ios-margin;
|
|
}
|
|
|
|
[margin-left] {
|
|
margin-left: $content-ios-margin;
|
|
}
|
|
|
|
[margin-right] {
|
|
margin-right: $content-ios-margin;
|
|
}
|
|
|
|
[margin-bottom] {
|
|
margin-bottom: $content-ios-margin;
|
|
}
|
|
|
|
[margin-vertical] {
|
|
margin-top: $content-ios-margin;
|
|
margin-bottom: $content-ios-margin;
|
|
}
|
|
|
|
[margin-horizontal] {
|
|
margin-right: $content-ios-margin;
|
|
margin-left: $content-ios-margin;
|
|
}
|