Sha256: 2abadc66cfa00bd41784239d637bd6dfe6fc69800f219196f2a896bce7e9d659
Contents?: true
Size: 949 Bytes
Versions: 31
Compression:
Stored size: 949 Bytes
Contents
// @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](http://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](http://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;
}
Version data entries
31 entries across 28 versions & 2 rubygems