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
84 lines
1.4 KiB
SCSS
84 lines
1.4 KiB
SCSS
@import "../../globals.md";
|
|
@import "./content";
|
|
|
|
// Material Design Content
|
|
// --------------------------------------------------
|
|
|
|
$content-md-padding: $content-padding !default;
|
|
$content-md-margin: $content-margin !default;
|
|
|
|
|
|
ion-content {
|
|
background-color: $background-md-color;
|
|
}
|
|
|
|
|
|
// Material Design Content Padding
|
|
// --------------------------------------------------
|
|
|
|
[padding],
|
|
[padding] > scroll-content {
|
|
padding: $content-md-padding;
|
|
}
|
|
|
|
[padding-top] {
|
|
padding-top: $content-md-padding;
|
|
}
|
|
|
|
[padding-left] {
|
|
padding-left: $content-md-padding;
|
|
}
|
|
|
|
[padding-right] {
|
|
padding-right: $content-md-padding;
|
|
}
|
|
|
|
[padding-bottom] {
|
|
padding-bottom: $content-md-padding;
|
|
}
|
|
|
|
[padding-vertical] {
|
|
padding-top: $content-md-padding;
|
|
padding-bottom: $content-md-padding;
|
|
}
|
|
|
|
[padding-horizontal] {
|
|
padding-right: $content-md-padding;
|
|
padding-left: $content-md-padding;
|
|
}
|
|
|
|
|
|
// Material Design Content Margin
|
|
// --------------------------------------------------
|
|
|
|
[margin],
|
|
[margin] > scroll-content {
|
|
margin: $content-md-margin;
|
|
}
|
|
|
|
[margin-top] {
|
|
margin-top: $content-md-margin;
|
|
}
|
|
|
|
[margin-left] {
|
|
margin-left: $content-md-margin;
|
|
}
|
|
|
|
[margin-right] {
|
|
margin-right: $content-md-margin;
|
|
}
|
|
|
|
[margin-bottom] {
|
|
margin-bottom: $content-md-margin;
|
|
}
|
|
|
|
[margin-vertical] {
|
|
margin-top: $content-md-margin;
|
|
margin-bottom: $content-md-margin;
|
|
}
|
|
|
|
[margin-horizontal] {
|
|
margin-right: $content-md-margin;
|
|
margin-left: $content-md-margin;
|
|
}
|