1.0.0 • Published 10 years ago

clearfix v1.0.0

Weekly downloads
95
License
MIT
Repository
github
Last release
10 years ago

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;
    }
}