// Material Design List
// --------------------------------------------------

$list-md-margin-top:             16px !default;
$list-md-margin-right:           0 !default;
$list-md-margin-bottom:          16px !default;
$list-md-margin-left:            0 !default;

$list-inset-md-margin-top:       16px !default;
$list-inset-md-margin-right:     16px !default;
$list-inset-md-margin-bottom:    16px !default;
$list-inset-md-margin-left:      16px !default;

$list-md-header-padding:         16px $item-md-padding-right 16px $item-md-padding-left !default;
$list-md-header-font-size:       1.4rem !default;
$list-md-header-color:           #858585 !default;


.list[mode=md] {
  margin: 0 $list-md-margin-right $list-md-margin-bottom $list-md-margin-left;

  ion-header {
    padding: $list-md-header-padding;
    font-size: $list-md-header-font-size;
    color: $list-md-header-color;
  }

}

.list[mode=md] + .list {
  margin-top: $list-md-margin-top;
}

.list[mode=md] + .list ion-header {
  margin-top: -$list-md-margin-top;
  padding-top: 0;
}

.list[mode=md][inset] {
  margin: $list-inset-md-margin-top $list-inset-md-margin-right $list-inset-md-margin-bottom $list-inset-md-margin-left;

  .item:first-child {
    margin-top: 0;

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

  .item:last-child {
    margin-bottom: 0;

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

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