@import '../utils/theme/variables.scss';
$padding-h: 12px !default;
$padding-v: 10px !default;
$font-size: 14px !default;
$font-weight: $brc-semibold !default;
$placeholder-color: $brc-coolGrey !default;
$placeholder-font-weight: $brc-semibold !default;
$color: $brc-darkGreyBlue !default;
$border-color: $brc-silver !default;
$border-width: 1px !default;
$border-radius: 2px !default;
$color-focus: $brc-darkGreyBlue !default;
$border-color-focus: $brc-waterBlue !default;
$opacity-disabled: 0.6 !default;

textarea {
  border: $border-width solid $border-color;
  border-radius: $border-radius;
  padding: $padding-v $padding-h;
  color: $color;
  font-weight: $font-weight;
  font-size: $font-size;
  line-height: $font-size;
  font-family: inherit;
  width: 100%;

  /* placeholder */
  @include placeholder {
    color: $placeholder-color;
    font-weight: $placeholder-font-weight;
    font-size: 14px;
  }

  &:disabled {
    cursor: not-allowed;
    opacity: $opacity-disabled;
  }

  &:focus {
    border: $border-width solid $border-color-focus;
    outline: none;
    box-shadow: 0;
    color: $color-focus;
  }
}
