// Defines the width of the textarea when the w-* class is not present.
$slab-textarea-default-width: 100% !default;
// Defines the min-height of the textarea.
$slab-textarea-min-height: ceil(170px * $slab-size-percentage) !default;


.slab-textarea {
  display: block;
  min-height: $slab-textarea-min-height;
  border-radius: $border-radius;
  border: 1px solid $form-border;

  &:not([class*="w-"]) {
    width: $slab-textarea-default-width;
  }

  &.slab-textarea-no-resize {
    resize: none;
  }

  &.slab-textarea-vertical-resize {
    resize: vertical;
  }

  &.slab-textarea-horizontal-resize {
    resize: horizontal;
  }

  &:disabled {
    cursor: not-allowed;
    background-color: #f4f5f7 !important;
    color: #b6babe;
  }

  &:focus {
    border-color: #8cc8f7;
    outline: 0;
    box-shadow: 0 0 0 3px scale-color($primary, $alpha: -75%);
  }
}