Input and textarea

Name: Skeletonic
Author: Sebastien Rousseau

Text inputs and textareas, with validation colours.

Source: src/stylus/elements/form.styl

Text inputs

Every text-like input type and textarea is styled without a class.

<input type="email" placeholder="name@company.com" aria-label="Email" />
<textarea rows="2" placeholder="Describe your team mission..." aria-label="Description"></textarea>

Validation

.input-success, .input-warning, .input-error and .input-info colour the border.

<input type="text" class="input-success" value="Available" aria-label="Success" />
<input type="text" class="input-error" value="Already taken" aria-label="Error" />