/* ============================================================================
   @UTILITIES -> CLEAR FIX
   ========================================================================= */


/**
 * Make an element expand to contain floated children.
 *
 * @demo
 * http://codepen.io/team/westfieldlabs/full/xFHfk#clear-fix
 */


%u-clear-fix,
.u-clear-fix {
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}
/* ============================================================================
   @UTILITIES -> CLEAR FIX
   ========================================================================= */


/**
 * Make an element expand to contain floated children.
 *
 * @demo
 * http://codepen.io/team/westfieldlabs/full/xFHfk#clear-fix
 */


/**
 * Settings.
 */

// Apply at these breakpoints
$clear-fix-breakpoints: $default-utility-breakpoints !default;


%u-clear-fix,
.u-clear-fix {
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}

@include generate-at-breakpoints('.u-clear-fix',
  $clear-fix-breakpoints) {
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}
Apply breakpoint mixin to Clear Fix utility
Apply breakpoint mixin to Clear Fix utility
