Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

clearfix

Joris-van-der-Wel1.4kMIT1.0.0

Clearfix mixin for less. Contain your floats without extra markup

less, clearfix, css, mixins, mixin, npm, import

readme

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