# Clearfix
Quickly and easily clear floated content within a container by adding a clearfix utility.
Easily clear floats by adding .clearfix
to the parent element. Can also be used as a mixin.
# Use in HTML:
<div class="clearfix">...</div>
# The mixin source code:
@mixin clearfix() {
&::after {
display: block;
clear: both;
content: "";
}
}
# Use the mixin in SCSS:
.class-name {
@include clearfix;
}