github-migration/compass
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Compass Core] New content char is the best practice for the pie-clearfix now. Avoids the gap at the bottom in some browsers.

Browse Source 
Closes GH-179
This commit is contained in:
Chris Eppstein 2010-07-23 20:11:52 -07:00
parent ed75525b2a
commit dafbf93999
2 changed files with 2 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss
View File

@ -18,12 +18,9 @@
// [Easy Clearing](http://www.positioniseverything.net/easyclearing.html) // [Easy Clearing](http://www.positioniseverything.net/easyclearing.html)
// has the advantage of allowing positioned elements to hang // has the advantage of allowing positioned elements to hang
// outside the bounds of the container at the expense of more tricky CSS. // outside the bounds of the container at the expense of more tricky CSS.
//
// This method of clearing might cause a gap at the bottom of the page in
// some browsers when used on the last element of the page.
@mixin pie-clearfix { @mixin pie-clearfix {
&:after { &:after {
content : " "; content : "\0020";
display : block; display : block;
height : 0; height : 0;
clear : both; clear : both;

2
test/fixtures/stylesheets/compass/css/utilities.css vendored
View File

@ -7,7 +7,7 @@
.pie-clearfix { .pie-clearfix {
display: inline-block; } display: inline-block; }
.pie-clearfix:after { .pie-clearfix:after {
content: " "; content: "\0020";
display: block; display: block;
height: 0; height: 0;
clear: both; clear: both;