// Material Design Card
// --------------------------------------------------

$card-md-background-color:            $list-background-color !default;
$card-md-box-shadow:                  0 1px 2px rgba(0,0,0,.3) !default;
$card-md-border-radius:               2px !default;
$card-md-font-size:                   1.4rem !default;

$card-md-header-background-color:     $card-md-background-color !default;
$card-md-header-padding:              10px;
$card-md-footer-background-color:     $card-md-background-color !default;
$card-md-footer-padding:              10px;


.card.list[mode=md] {
  background: $card-md-background-color;
  box-shadow: $card-md-box-shadow;
  border-radius: $card-md-border-radius;
  font-size: $card-md-font-size;

  .item {

    &:last-child {
      margin-bottom: -1px;
    }

    &:before,
    &:after {
      left: 0;
    }

  }

  .item:first-child {
    margin-top: 1px;
  }

  .item:first-child:before {
    border: none;
  }

  ion-header {
    padding: $card-md-header-padding;
    background-color: $card-md-footer-background-color;
  }

  ion-footer {
    padding: $card-md-footer-padding;
    background-color: $card-md-footer-background-color;
  }

}