// @doc off // Extends the bottom of the element to enclose any floats it contains. // @doc on

@import “hacks”;

// This basic method is preferred for the usual case, when positioned // content will not show outside the bounds of the container. // // Recommendations include using this in conjunction with a width. // Credit: [quirksmode.org](www.quirksmode.org/blog/archives/2005/03/clearing_floats.html) @mixin clearfix {

overflow: hidden;
@include has-layout;

}

// This older method from Position Is Everything called // [Easy Clearing](www.positioniseverything.net/easyclearing.html) // has the advantage of allowing positioned elements to hang // outside the bounds of the container at the expense of more tricky CSS. @mixin pie-clearfix {

&:after {
  content    : "\0020";
  display    : block;
  height     : 0;
  clear      : both;
  overflow   : hidden;
  visibility : hidden;
}
@include has-layout;

}