@import "./textarea";
@import "./textarea.ios.vars";

// iOS Textarea
// --------------------------------------------------

.native-textarea-ios {
  @include placeholder($textarea-ios-placeholder-color);
  @include margin($textarea-ios-margin-top, $textarea-ios-margin-end, $textarea-ios-margin-bottom, $textarea-ios-margin-start);
  @include padding(0);

  width: calc(100% - #{($textarea-ios-margin-end + $textarea-ios-margin-start)});

  font-family: $textarea-ios-font-family;
  font-size: $textarea-ios-font-size;
}


// iOS Stacked & Floating Textarea
// --------------------------------------------------

.item-ios.item-label-stacked .native-textarea,
.item-ios.item-label-floating .native-textarea {
  @include margin(8px, null, 8px, 0);

  width: calc(100% - #{$textarea-ios-margin-end});
}

.item-ios.item-label-stacked .label-ios + .input + .cloned-input,
.item-ios.item-label-floating .label-ios + .input + .cloned-input {
  @include margin-horizontal(0, null);
}


// iOS Textarea After Label
// --------------------------------------------------

.label-ios + ion-textarea .native-textarea,
.label-ios + .input + .cloned-input {
  @include margin-horizontal($textarea-ios-by-label-margin-start, null);

  width: calc(100% - (#{$item-ios-padding-end} / 2) - #{$item-ios-padding-start});
}
