Utility Styles

Clearfix %clearfix

Used to clear floated elements. Can be used as an extend or as a class.

.my-element {
  @include clearfix;
}

<div class="cf"></div>

Hover @hover

Useful for providing active and hover methods as a shorthand.

.my-element {
  @include hover {
    // Hover / Active styles
  }
}

Unstyled Input @unstyled-input

Used to reset an input field / button back to bare bones.

.my-input-element {
  @include unstyled-input;
}