// iOS Text Input
// --------------------------------------------------

$input-label-ios-color:         #7f7f7f !default;


.list[mode=ios],
ion-card[mode=ios] {

  .text-input {
    margin: $item-ios-padding-top ($item-ios-padding-right / 2) $item-ios-padding-bottom ($item-ios-padding-left / 2);
    padding: 0;
  }

  ion-input[inset] .text-input {
    margin: ($item-ios-padding-top / 2) $item-ios-padding-right ($item-ios-padding-bottom / 2) $item-ios-padding-left;
    padding: ($item-ios-padding-top / 2) ($item-ios-padding-right / 2) ($item-ios-padding-bottom / 2) ($item-ios-padding-left / 2);
  }

  ion-label {
    margin: $item-ios-padding-top ($item-ios-padding-right / 2) $item-ios-padding-bottom ($item-ios-padding-left / 2);
    color: $input-label-ios-color;
  }

  [stacked-label] ion-label {
    font-size: 1.2rem;
    margin-bottom: 4px;
  }

  [stacked-label] .text-input {
    margin-top: 8px;
    margin-bottom: 8px;
  }

}