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

make the micro-clearfix a replacement for pie-clearfix. Add a new legacy-pie-clearfix for users who still need the old clearfix.

Browse Source
This commit is contained in:
Chris Eppstein 2011-06-11 23:21:56 -07:00
parent 890236a8ad
commit 809394a1e9
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -18,7 +18,7 @@
// [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.
@mixin pie-clearfix { @mixin legacy-pie-clearfix {
&:after { &:after {
content : "\0020"; content : "\0020";
display : block; display : block;
@ -30,14 +30,14 @@
@include has-layout; @include has-layout;
} }
// An update to the PIE clearfix method that reduces the amount of CSS required // This is an updated version of the PIE clearfix method that reduces the amount of CSS output.
// [A new micro clearfix hack](http://nicolasgallagher.com/micro-clearfix-hack/) (25 April 2011) // If you need to support Firefox before 3.5 you need to use `legacy-pie-clearfix` instead.
@mixin micro-clearfix { //
&:before, &:after { // Adapted from: [A new micro clearfix hack](http://nicolasgallagher.com/micro-clearfix-hack/)
@mixin pie-clearfix {
&:after {
content: ""; content: "";
display: table; display: table;
}
&:after {
clear: both; clear: both;
} }
@include has-layout; @include has-layout;