Button Style

Basic buttons for <button type="button">, <input type="button">, or <a> tags, plus a complete set of inverse buttons.

button

<button type="button" class="ghost-to-solid">submit</button>

a

ghost-to-solid ghost-color-to-solid-color ghost-to-solid-color ghost-to-ghost-color solid-to-ghost-color solid-to-solid-color solid-to-ghost solid-color-to-ghost-color solid-color-to-ghost ghost-color-to-ghost ghost-color-to-solid solid-color-to-solid

<a class="ghost-to-solid">submit</a>

input

<input type="submit" value="submit" class="ghost-to-solid" />

button

<button type="button" class="ghost-to-solid-inverse">submit</button>

a

ghost-to-solid-inverse-inverse ghost-color-to-solid-color-inverse ghost-to-solid-color-inverse ghost-to-ghost-color-inverse solid-to-ghost-color-inverse solid-to-solid-color-inverse solid-to-ghost-inverse solid-color-to-ghost-color-inverse solid-color-to-ghost-inverse ghost-color-to-ghost-inverse ghost-color-to-solid-inverse solid-color-to-solid-inverse

<a class="ghost-to-solid-inverse">submit</a>

input

<input type="submit" value="submit" class="ghost-to-solid-inverse" />