.textarea {
  @include boxedfield();
  font-family: $font-default;
  font-size: $font-size-form;
  width: 100%;
  padding-top: 0.5em;
  height: initial;
  line-height: initial;
  resize: vertical;

  &:focus {
    outline: 0;
  }

  &[disabled],
  &[readonly] {
    background-color: $colour-form-input-disabled;
    color: $colour-font-form-input-disabled;
  }
}