// В этом файле должны быть стили для БЭМ-блока field-text, его элементов,
// модификаторов, псевдоселекторов, псевдоэлементов, @media-условий...
// Очередность: http://nicothin.github.io/idiomatic-pre-CSS/#priority

.field-text {
  $block-name: &; // #{$block-name}__element

  display: block;
  margin-bottom: 20px;

  &__name {
    @include field-name;
  }

  &__input-wrap {
    display: block;
    position: relative;
  }

  &__input {
    @include field-text;

    @at-root textarea#{&} {
      // $textarea-height: ($line-height * 2) + ($field-padding-vertical * 2);

      height: auto;
      // min-height: calc(#{$textarea-height} + 2px);
      resize: vertical;
    }
  }

  &__help-text {
    @include field-help-text;
    display: none;
  }

  &--error {
    #{$block-name}__name,
    #{$block-name}__input,
    #{$block-name}__help-text {
    }

    #{$block-name}__input {
      box-shadow: 0 0 0 1px #fff;
    }

    #{$block-name}__help-text {
      display: block;
    }
  }
}
