// iOS List
// --------------------------------------------------

$list-ios-margin-top:                 10px !default;
$list-ios-margin-right:               0 !default;
$list-ios-margin-bottom:              32px !default;
$list-ios-margin-left:                0 !default;

$list-inset-ios-margin-top:           16px !default;
$list-inset-ios-margin-right:         16px !default;
$list-inset-ios-margin-bottom:        16px !default;
$list-inset-ios-margin-left:          16px !default;
$list-inset-ios-border-radius:        4px !default;

$list-ios-header-padding:             10px $item-ios-padding-right 10px $item-ios-padding-left !default;
$list-ios-header-font-size:           1.2rem !default;
$list-ios-header-font-weight:         500 !default;
$list-ios-header-letter-spacing:      0.1rem !default;
$list-ios-header-color:               #333 !default;


.list {
  margin: 0 $list-ios-margin-right $list-ios-margin-bottom $list-ios-margin-left;

  ion-header {
    padding: $list-ios-header-padding;
    font-size: $list-ios-header-font-size;
    font-weight: $list-ios-header-font-weight;
    letter-spacing: $list-ios-header-letter-spacing;
    text-transform: uppercase;
    color: $list-ios-header-color;
  }

}

.list + .list {
  margin-top: $list-ios-margin-top + $list-ios-margin-bottom;
}

.list + .list ion-header {
  margin-top: -$list-ios-margin-top;
  padding-top: 0;
}

.list[inset] {
  margin: $list-inset-ios-margin-top $list-inset-ios-margin-right $list-inset-ios-margin-bottom $list-inset-ios-margin-left;
  border-radius: $list-inset-ios-border-radius;

  .item:first-child {
    margin-top: 0;
    border-top-right-radius: $list-inset-ios-border-radius;
    border-top-left-radius: $list-inset-ios-border-radius;

    &:before {
      border-top: none;
    }
  }

  .item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: $list-inset-ios-border-radius;
    border-bottom-left-radius: $list-inset-ios-border-radius;

    &:after {
      border-top: none;
    }
  }
}

.list[inset] + .list[inset] {
  margin-top: 0;
}