clearfix

This is the coupled pair of mixins used to clear the flow after using floating elements.

clearfix

Clears the flow inside of the current element via creating the ::after pseudo-element.

Arguments

—

Example

@use 'more-sass' as more;

.element {
  @include more.clearfix;
}

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

clearfix-element

Clears the flow around the current element.

Arguments

—

Example

@use 'more-sass' as more;

.element {
  @include more.clearfix-element;
}

.element {
  display: block;
  clear: both;
}