@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;
}