Preview
Clearfix
Applies a clearfix to a parent element.
Introduced mainly on float-based fallbacks for flex or grid-based layouts.
With flexbox at roughly 96% browser support, it will be deprecated soon.
You can also use the clearfix() mixin.
Example
<div class="b clearfix">
<div class="p bg-state-success" style="float:left; height: 100px">
Floated box
</div>
<div class="p bg-state-warning" style="float:left; height: 150px">
Floated box 2
</div>
</div>
Assets
- Filesystem Path: src/components/helpers/clearfix/_clearfix.scss
- Size: 35 Bytes
-
Content:
.clearfix { @include clearfix(); }