clearfix

clearfix mixin for less

Clearfix mixin for less. Contain your floats without extra markup.

This package is intended to be used with the less npm-import plugin:

@import "npm://clearfix/.";
 
.stuff {
    .clearfix();
 
    > .left {
        float: left;
        width: 50%;
    }
    > .right {
        float: right;
        width: 50%;
    }
}

This package contains the following mixin (copied from bootstrap):

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