Gerillass: Clearfix Sass Mixin

Clearfix

Type: Mixin

@include clearfix();

* You can call mixins with or without the gls- namespace (e.g. @include gls-clearfix();).

The Clearfix Sass mixin helps you clear floats to prevent broken layouts. It must be applied to the parent element.

Simply clear floats by calling the mixin inside the parent element's selector.

Sass

.element{
  @include clearfix;
}

CSS

.element::after {
  content: "";
  display: block;
  clear: both;
}

Result