From dafbf93999c3f3e2be5f807df1bc5bcea73cb3a4 Mon Sep 17 00:00:00 2001 From: Chris Eppstein Date: Fri, 23 Jul 2010 20:11:52 -0700 Subject: [PATCH] [Compass Core] New content char is the best practice for the pie-clearfix now. Avoids the gap at the bottom in some browsers. Closes GH-179 --- .../stylesheets/compass/utilities/general/_clearfix.scss | 5 +---- test/fixtures/stylesheets/compass/css/utilities.css | 2 +- 2 files changed, 2 insertions(+), 5 deletions(-) diff --git a/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss b/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss index ecc65a96..2c097cc1 100644 --- a/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss +++ b/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss @@ -18,12 +18,9 @@ // [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. -// -// 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 { &:after { - content : " "; + content : "\0020"; display : block; height : 0; clear : both; diff --git a/test/fixtures/stylesheets/compass/css/utilities.css b/test/fixtures/stylesheets/compass/css/utilities.css index b8b12855..2a287628 100644 --- a/test/fixtures/stylesheets/compass/css/utilities.css +++ b/test/fixtures/stylesheets/compass/css/utilities.css @@ -7,7 +7,7 @@ .pie-clearfix { display: inline-block; } .pie-clearfix:after { - content: " "; + content: "\0020"; display: block; height: 0; clear: both;