EC System

Clearfix

Easily clear floats by adding .ecl-u-clearfix to the parent element.

<div class="ecl-u-clearfix">...</div>
/* No context defined for this component. */
<div class="ecl-u-clearfix">...</div>
  • Content:
    /**
     * Clearfix utilities
     */
    
    // Import base and generic
    @import '@ecl/ec-base/ec-base';
    @import '@ecl/generic-utility-clearfix/generic-utility-clearfix';
    
    // Use generic mixin
    @include exports('ec-utility-clearfix') {
      @include ecl-utility-clearfix();
    }
    
  • URL: /components/raw/ec-utility-clearfix/ec-utility-clearfix.scss
  • Filesystem Path: ../../src/systems/ec/ec-utility/ec-utility-clearfix/ec-utility-clearfix.scss
  • Size: 257 Bytes
  • Handle: @ecl/ec-utility-clearfix
  • Preview:
  • Filesystem Path: ../../src/systems/ec/ec-utility/ec-utility-clearfix/ec-utility-clearfix.twig