Button Style

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

button

<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="button" value="submit" class="ghost-to-solid" />

button

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

a

inverse-ghost-to-solid 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

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

input

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