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;
}