Sha256: 617864c2240a9e59393273d6f421aff044395800b879ce0486162ac1bdcff471
Contents?: true
Size: 755 Bytes
Versions: 10
Compression:
Stored size: 755 Bytes
Contents
// @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;
}
Version data entries
10 entries across 10 versions & 1 rubygems