Utility classes

• Introduction
• Color
• Background-color
• Font-size
• Font-family
• Text-align
• Text-transform
• Hidden
• Visible
• Float
• Clear
• Clearfix
• Border
• Margin
• Padding
• Row-padding
• Image

Clearfix

The clearfix class provides a way for a parent element to automatically clear its child elements, without needing to add additional markup.

Overall usage

Used in float layouts where elements are floated to be stacked horizontally. The clearfix is a way to combat the zero-height container problem for floated elements.

Accessibility

N/A

---

.u-clearfix

<div class="u-clearfix">
  ...
</div>