Permalink
Fetching contributors…
Cannot retrieve contributors at this time
34 lines (29 sloc) 757 Bytes
// @page Pattern Library/Forms
// @name Textarea
//
// @description
// Our standard textarea styling across the website.
//
//
// @state .us-form-textarea--blocked - Fluid textarea style.
// @state .us-form-textarea--disabled - Inactive state for textareas that can't be interacted with.
//
// @markup
// <textarea class="us-form-textarea {$modifiers}"></textarea>
.us-form-textarea {
@extend %base-form-element;
@extend %input-background--normalise;
padding: $form-element-base-padding;
font-size: 1em;
outline: 0;
&:focus {
@include placeholder(darken($input-placeholder-color, 15%));
}
}
.us-form-textarea--blocked {
width: 100%;
}
.us-form-textarea:disabled,
.us-form-textarea--disabled {
@include form-element-disabled;
}