Gerillass: Clearfix Sass Mixin

Gerillass 3.0.0 is out. One gradient mixin replaces two, and text-gradient takes its colours first, so read the migration guide before you upgrade.

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