@import "~element-ui/packages/theme-chalk/src/mixins/mixins";
@import "~element-ui/packages/theme-chalk/src/common/var";


@include b(input) {
  @include m(compact) {
    @include e(inner) {
      height: $line-height;
      line-height: $line-height;
      font-size: $--size-base;
      padding: 0 6px;
      width: 100%;
    }
    .el-input__icon {
      height: $line-height - 2;
      line-height: $line-height - 2;
    }

    &.el-textarea {
      vertical-align: top;
    }
    .el-textarea__inner {
      padding: 0 6px;
      font-size: $--size-base;
      border: 1px solid #ecf0f4;
      width: 100%;
    }
    .el-input__icon {
      height: $line-height;
      line-height: $line-height;
      width: $line-height;
    }

    @include m(suffix) {
      .el-input__inner {
        padding-right: 10px;
      }
    }
  }

  .el-input-group__append,
  .el-input-group__prepend {
    padding: 0 10px;

    .el-select,
    .el-button {
      margin: -10px -10px;
    }
  }
}