// ==========================================================================
// Clearfix
// ==========================================================================

///  The clearfix hack is a popular way to contain floats without resorting to using presentational markup.
///
///  @author Nicolas Gallagher
///  @link http://nicolasgallagher.com/micro-clearfix-hack/
///
///  @example
///  .container {
///    @include clearfix;
///  }

@mixin clearfix {

  // For modern browsers
  // 1. The space content is one way to avoid an Opera bug when the
  //    contenteditable attribute is included anywhere else in the document.
  //    Otherwise it causes space to appear at the top and bottom of elements
  //    that are clearfixed.
  // 2. The use of `table` rather than `block` is only necessary if using
  //    `:before` to contain the top-margins of child elements.
  &:before,
  &:after {
    content: " "; // 1 //
    display: table; // 2 //
  }

  &:after {
    clear: both;
  }

  // For IE 6/7 only
  // Include this rule to trigger hasLayout and contain floats.
  *zoom: 1;

}

// ==========================================================================
// Clearfix
// ==========================================================================

///  The clearfix hack is a popular way to contain floats without resorting to using presentational markup.
///
///  @author Nicolas Gallagher
///  @link http://nicolasgallagher.com/micro-clearfix-hack/
///
///  @example
///  .container {
///    @include clearfix;
///  }

@mixin clearfix {

  // For modern browsers
  // 1. The space content is one way to avoid an Opera bug when the
  //    contenteditable attribute is included anywhere else in the document.
  //    Otherwise it causes space to appear at the top and bottom of elements
  //    that are clearfixed.
  // 2. The use of `table` rather than `block` is only necessary if using
  //    `:before` to contain the top-margins of child elements.
  &:before,
  &:after {
    content: " "; // 1 //
    display: table; // 2 //
  }

  &:after {
    clear: both;
  }

}

Drop legacy IE support from clearfix mixin
Drop legacy IE support from clearfix mixin
