Form Hover

evo-form-hover

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

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

evo-form-hover-inverse

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

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

form-hover-color

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

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

form-hover-[status]

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

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

form-hover-[neutral]

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

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

Form Mix

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