Helper classes

Quick float

.u-float-left Float an element to the left
.u-float-right Float an element to the right
.u-clearfix Clear floats
.u-float-none Removing a float
Float left
Float right
.u-clearfix
  .u-float-left Float left
  .u-float-right Float right
<div class="u-clearfix">
  <div class="u-float-left">
    Float left
  </div>
  <div class="u-float-right">
    Float right
  </div>
</div>

Quick display and visibility

.u-hidden Hide content
.u-visibility-hidden Unvisible content
.u-display-block Display to block content
.u-display-inline-block Display to inline-block content
.u-display-flex Display to flexbox content
Hidden element
Hidden element
block element
inline-block element
.u-hidden Hidden element
.u-visibility-hidden Hidden element
.u-display-block block element
.u-display-inline-block inline-block element
<div class="u-hidden">
  Hidden element
</div>
<div class="u-visibility-hidden">
  Hidden element
</div>
<div class="u-display-block">
  block element
</div>
<div class="u-display-inline-block">
  inline-block element
</div>

Others

.u-cursor-pointer Set cursor pointer to element
Clickable element
.u-cursor-pointer Clickable element
<div class="u-cursor-pointer">
  Clickable element
</div>
SlimHTML
Mobile view (xs) Tablet view (sm) Desktop view (md) Wide desktop view (lg)