Sass Clearfix Mixin

by Jake

There are a few ways to implement the clearfix hack but the following Sass Mixin has been in my toolbox for the last year thanks to this article on Nicolas Gallaghers blog.

@mixin clearfix() {
    &amp;:before,
    &amp;:after {
        content: "";
        display: table;
    }
    &amp;:after {
        clear: both;
    }
}

Usage:

.article {
     @include clearfix();
}