Redbooth

Buttons

Base buttonButtons - Base style

Generic styles for redbooth buttons

  • :hover - Buttons loves hover state
  • :active - Buttons loves active (:active)
  • :focus - Buttons loves focus (:focus)
  • .disabled - For when you shouldn't be able to click on it.
  • .is-selected - Selected status
ok
:hover ok
:active ok
:focus ok
.disabled ok
.is-selected ok 
<button class="button button-select [modifier class]">
  <i class="button-icon icon-star"></i>ok</button>
<a href="#" class="button button-select [modifier class]">
  <i class="button-icon icon-star"></i>ok</a>