//
// clearfix mixin
// --------------------
//
// adds micro clearfix
//
// Sample:
// .element {
//     @include clearfix();
// }

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

    &::after {
        clear: both;
    }
}