@import "../../globals.md";

// Material Design Content Padding
// --------------------------------------------------

$content-padding-md:    16px !default;


ion-content {
  background-color: $background-md-color;
}

[padding],
[padding] > scroll-content {
  padding: $content-padding-md;
}

[padding-top] {
  padding-top: $content-padding-md;
}

[padding-right] {
  padding-right: $content-padding-md;
}

[padding-bottom] {
  padding-bottom: $content-padding-md;
}

[padding-left] {
  padding-left: $content-padding-md;
}

[padding-vertical] {
  padding-top: $content-padding-md;
  padding-bottom: $content-padding-md;
}

[padding-horizontal] {
  padding-right: $content-padding-md;
  padding-left: $content-padding-md;
}