// iOS Card
// --------------------------------------------------

$card-ios-margin-top:                  16px !default;
$card-ios-margin-right:                16px !default;
$card-ios-margin-bottom:               16px !default;
$card-ios-margin-left:                 16px !default;

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

$card-ios-title-font-size:             1.8rem !default;
$card-ios-title-padding:               8px 0 8px 0;
$card-ios-title-text-color:            #222 !default;


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

  background: $card-ios-background-color;
  box-shadow: $card-ios-box-shadow;
  border-radius: $card-ios-border-radius;
  font-size: $card-ios-font-size;
  overflow: hidden;

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

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

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

  .item::before,
  .item::after {
    left: 0;
  }

  .card-title {
    padding: $card-ios-title-padding;
    font-size: $card-ios-title-font-size;
    color: $card-ios-title-text-color;
  }

}

.card.list[mode=ios] + .card {
  margin-top: 0;
}