clearfix mixin for less

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

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