// Micro clearfix
//
// Provides an easy way to contain floats without adding additional markup.
//
// Example usage:
//
//    .contain-floated-children {
//      @include clearfix;
//    }
//
// Notes:
// 1. Avoid an Opera bug when the contenteditable attribute is included anywhere
//    else in the document.
// 2. Contain the the first child’s top margin. Ensures rendering is consistent
//    with the other common clearfix method, `overflow: hidden`.

@mixin clearfix {
    &:before,
    &:after {
        content: ' '; // 1
        display: table; // 2
    }

    &:after {
        clear: both;
    }
}

// Acknowledgements
//
// A new micro clearfix hack: [Nicolas Gallagher](http://nicolasgallagher.com/micro-clearfix-hack/)
// Beat *that* clearfix: [Thierry Koblentz](http://www.css-101.org/articles/clearfix/latest-new-clearfix-so-far.php)

// Micro clearfix
//
// Provides an easy way to contain floats without adding additional markup.
//
// Example usage:
//
//    .contain-floated-children {
//      @include clearfix;
//    }
//
// Notes:
// 1. Avoid an Opera bug when the contenteditable attribute is included anywhere
//    else in the document.
// 2. Contain the the first child’s top margin. Ensures rendering is consistent
//    with the other common clearfix method, `overflow: hidden`.

@mixin clearfix {
    &::before,
    &::after {
        content: ' '; // 1
        display: table; // 2
    }

    &::after {
        clear: both;
    }
}

// Acknowledgements
//
// A new micro clearfix hack: [Nicolas Gallagher](http://nicolasgallagher.com/micro-clearfix-hack/)
// Beat *that* clearfix: [Thierry Koblentz](http://www.css-101.org/articles/clearfix/latest-new-clearfix-so-far.php)

Add missing colons to the clearfix mixin
Add missing colons to the clearfix mixin

Pseudo element selectors should have two colons