Category Archives: Less

Less – clearfix mixin

Previously we talked about using mixin for clearfix in Sass.

 

Here is the Less example.

// The clearfix mixin
.clearfix() {
  &:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
}

// Apply clearfix on .parent
.parent {
  .clearfix();
}

 

Done =)