// @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;
}