Covers styles used for forms, such as the <input> and <select>
elements.
Below are the text-oriented form elements used on the site.
Your standard, everyday text boxes.
Highlight the text box when hovering
Similar to :hover, however it should demand more attention than when an input is simply hovered.
When disabled, the input's appearance should reflect as such.
<input type="text" class="{$modifiers}" value="Text"/>All labelled textboxes should be included in a wrapper <div> element for both layout
convenience and specific styling.
To be used when the text input inside is expected to be disabled.
To be used if the input has failed a validation check.
To be used if the input has passed a validation check (intended for live validation in particular).
<div class="mod-input text {$modifiers}">
<label>Text Label</label>
<input type="text" value="Text Input"/>
</div>