@import "common/variable";
@import "mixins/bem-mixin";

@include b(input) {
  display: inline-block;
  @include e(inner) {
    -webkit-appearance: none;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid $third-level-color;
    box-sizing: border-box;
    color: $first-level-color;
    display: inline-block;
    font-size: inherit;
    height: $form-element-height;
    line-height: $form-element-height;
    outline: none;
    padding: 0 12px;
    width: 100%;
    transition: border-color .3s;
    @include pseudo(focus) {
      border-color: $primary;
    }
    &::placeholder {
      color: $forth-level-color;
    }
  }
}