// 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,
  [floating-label] .text-input {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  [floating-label] ion-label {
    margin-bottom: 0;
    transform-origin: left top;
    transform: translate3d(0, 27px, 0);
    transition: transform 150ms ease-in-out;
  }

  [floating-label].has-focus ion-label,
  [floating-label].has-value ion-label  {
    transform: translate3d(0, 0, 0) scale(0.8);
  }

}