Clearfix Utility

Use the clearfix utility to clear floated content within a container.

Helper Class

You can easily clear floats by adding the ._clearfix helper class to the parent element.

In the following example, without adding the clearfix helper, the wrapping div would display the two buttons on separate lines, which would cause a broken layout.

Clearfix Utility

Sass Mixin

The clearfix utility is also available as a Sass Mixin.

@require '~@inkline/inkline/src/css/mixins/_clearfix'

.element {
    @include clearfix;