metro4/less/float.less

The front-end framework for Build responsive, mobile-first projects on the web with the first front-end component library in Metro Style

@import (once) "include/vars";
@import (once) "include/mixins";

.clear-float {
    .clear();
}

.place-right, .float-right {float: right !important;}
.place-left, .float-left {float: left !important;}
.place-none, .float-none, .no-float {float: none !important;}

.generate-float-media-options(@mediaBreakpointListMobileLength);
.generate-float-media-options(@name, @i: 1) when (@i <= @mediaBreakpointListMobileLength) {
    @m: extract(@mediaBreakpointListMobile, @i);

    @media screen and (min-width: @@m) {

        .place-left-@{m} {float: left!important;}
        .place-right-@{m} {float: right!important;}
        .place-none-@{m} {float: none!important;}
        .float-left-@{m} {float: left!important;}
        .float-right-@{m} {float: right!important;}
        .float-none-@{m} {float: none!important;}

    }

    .generate-float-media-options(@name, @i + 1);
}