@charset "UTF-8";
@import "../../style/function";

// 要减去padding和border
$textWidth: 190px;
$textareaWidth: 400px;

$colorCounter: #999;

.im-input-wrapper {
  &--counting {
    display: inline-block;
    position: relative;
  }
}

.im-text,
.im-textarea {
  @extend %input-box;

  &--disabled {
    @include disabled;
    border-color: $colorBorder;
  }
}

.im-textarea {
  width: $textareaWidth;
  height: 90px;
  resize: none;
  vertical-align: top;

  &-counter {
    position: absolute;
    bottom: $formElePadding;
    right: $formElePadding;
    color: $colorCounter;
    font-size: 14px;
  }

  &-count--error {
    color: $orange;
  }
}

.im-text {
  width: $textWidth;
  vertical-align: middle;

  &-l {
    height: $formEleHeight + 4px;
  }

  &-m {
    height: $formEleHeight;
  }

  &-s {
    height: $formEleHeight - 4px;
  }

  &-long {
    width: $textareaWidth;
    height: $formEleHeight;
  }
}