// Content
// --------------------------------------------------

$content-background-color:                $background-color !default;


ion-content {
  position: relative;
  display: block;
  flex: 1;
  background-color: $content-background-color;
}

scroll-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  overflow-y: scroll; // has to be scroll for momentum scrolling, not auto
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}



// Content Padding
// --------------------------------------------------

$content-padding:    16px !default;


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

.padding-top {
  padding-top: $content-padding;
}

.padding-right {
  padding-right: $content-padding;
}

.padding-bottom {
  padding-bottom: $content-padding;
}

.padding-left {
  padding-left: $content-padding;
}

.padding-vertical {
  padding-top: $content-padding;
  padding-bottom: $content-padding;
}

.padding-horizontal {
  padding-right: $content-padding;
  padding-left: $content-padding;
}