/*
Textareas

Styles used for textarea

.textarea__counter--warning - Approaching character limit
.textarea__counter--error - Exceeding character limit

Markup:
<div class="textarea__counter-wrapper textarea__counter-wrapper--margin-bottom">
     <span class="textarea__counter  {{modifier_class}}">80</span>
     <textarea class="form-element__input form-element__input--textarea" rows="5" cols="80" placeholder="Placeholder text..."></textarea>
</div>

Name: textarea

Styleguide 3.5
*/
@textarea-counter-color-default: @theme-grey5;
@textarea-counter-color-warning: @theme-orange2;
@textarea-counter-color-error: @theme-red3;

.textarea__counter-wrapper {
    position: relative;
}

.textarea__counter-wrapper--margin-bottom {
    margin-bottom: 15px;
}

.textarea__counter {
    position: absolute;
    right: 2px;
    top: 100%;
    font-size: @font-size--12;
    color: @textarea-counter-color-default;
}

.textarea__counter--warning {
    color: @textarea-counter-color-warning;
}

.textarea__counter--error {
    color: @textarea-counter-color-error;
}