---
title: General CSS Classes
docs: true

navgroup: styleguide
navsub: css-utilities
navactive: css-utilities
layout: components
---


<div class="sg-index">

{{#markdown}}

Utility classes available to developers for common tasks.

## Clearfix

<h3><code>.u-clearfix</code></h3>
<p>Clear the current element so it always appears on a new line.  Can also use the clearfix mixin – <code>@include clearfix()</code> in your CSS.</p>

{{#>demo-block }}
<span class="u-clearfix">Lorem</span>
<span>Ipsum</span>
{{/demo-block }}


<!--## Responsive Helpers-->

{{/markdown}}

</div>