Form Focus

evo-form-focus

<input type="text" name="text" placeholder="Placeholder Text" class="evo-form evo-form-padding evo-form-box evo-form-focus" />
<label>Label</label>

Create an <input> tag and apply the evo-form-focus class to it. Place a <label> tag below it (not above). Demo classes end with -demo such as evo-form-focus-demo. Default form styles are set in _evo_variables.scss.

evo-form-focus-inverse

<input type="text" name="text" placeholder="Placeholder Text" class="evo-form-inverse evo-form-padding evo-form-box evo-form-focus-inverse" />
<label>Label</label>

Create an <input> tag and apply the evo-form-focus-inverse class to it. Place a <label> tag below it (not above). Demo classes end with -demo such as evo-form-focus-inverse-demo. Default form styles are set in _evo_variables.scss.

form-focus-color

<input type="text" name="text" placeholder="Placeholder Text" class="evo-form evo-form-padding evo-form-box form-focus-color" />
<label>Label</label>

Create an <input> tag and apply the form-focus-color class to it. Place a <label> tag below it (not above). Demo classes end with -demo such as form-focus-color-demo. Default form styles are set in _evo_variables.scss.

form-focus-[status]

<input type="text" name="text" placeholder="Placeholder Text" class="evo-form-inverse evo-form-padding evo-form-box form-focus-info" />
<label>Label</label>

Create an <input> tag and apply a form-focus-[status] class to it. Place a <label> tag below it (not above). Demo classes end with -demo such as form-focus-[status]-demo.

form-focus-[neutral]

<input type="text" name="text" placeholder="Placeholder Text" class="evo-form-inverse evo-form-padding evo-form-box form-focus-white" />
<label>Label</label>

Create an <input> tag and apply a form-focus-[color] class to it. Place a <label> tag below it (not above). Demo classes end with -demo such as form-focus-[color]-demo.

Form Mix

<input type="text" name="text" placeholder="Placeholder Text" class="evo-form evo-form-padding evo-box form-focus-danger" />
<label>Label</label>