// ========================================================================== // Clearings // // You can either use the mixin or @extend .clear. // ========================================================================== // The mixin @mixin clearfix() { &:before, &:after { content: ""; display: table; } &:after { clear: both; } } %clearfix { @include clearfix; }