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>