// @import "../core/core";
// @import "../atoms/input";

//  = TEXT AREA
//  ---------------------------------------------------------------------------

@mixin dc-textarea {
    @include _dc-input;
    width: 100%;
    min-height: $dc-space350 + $dc-space75;
    padding: $dc-space50 $dc-space75;
    resize: vertical;

    &[disabled] {
        resize: none;
    }
}

@mixin dc-textarea--is-error {
    border-color: $dc-red40;

    &:hover,
    &:focus {
        border-color: $dc-red40;
    }
}

@mixin dc-textarea-selectors {
    .dc-textarea {
        @include dc-textarea;
    }

    .dc-textarea--is-error {
        @include dc-textarea--is-error;
    }
}