From 809394a1e9f81ca65354e5ae8f568939a906c6be Mon Sep 17 00:00:00 2001 From: Chris Eppstein Date: Sat, 11 Jun 2011 23:21:56 -0700 Subject: [PATCH] make the micro-clearfix a replacement for pie-clearfix. Add a new legacy-pie-clearfix for users who still need the old clearfix. --- .../compass/utilities/general/_clearfix.scss | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss b/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss index 2959e5ae..73f9254c 100644 --- a/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss +++ b/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss @@ -18,7 +18,7 @@ // [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 { +@mixin legacy-pie-clearfix { &:after { content : "\0020"; display : block; @@ -30,14 +30,14 @@ @include has-layout; } -// An update to the PIE clearfix method that reduces the amount of CSS required -// [A new micro clearfix hack](http://nicolasgallagher.com/micro-clearfix-hack/) (25 April 2011) -@mixin micro-clearfix { - &:before, &:after { +// This is an updated version of the PIE clearfix method that reduces the amount of CSS output. +// If you need to support Firefox before 3.5 you need to use `legacy-pie-clearfix` instead. +// +// Adapted from: [A new micro clearfix hack](http://nicolasgallagher.com/micro-clearfix-hack/) +@mixin pie-clearfix { + &:after { content: ""; display: table; - } - &:after { clear: both; } @include has-layout;