Clearfix IE8

WTF!? IE8 is old fucking shit - Yes, but in China 38% users still use it. For this reason clearfix-ie8 still need us.

SCSS Usage

.container {
    @include clearfix-ie8;
}

CSS Output

.container {
    zoom: 1;
}

.container::before,
.container::after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}

.container::after {
    clear: both;
}

SCSS Source

@mixin clearfix-ie8 {
    zoom: 1;
    &::before,
    &::after {
        content: ".";
        display: block;
        height: 0;
        overflow: hidden;
    }
    &::after {
        clear: both;
    }
}