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)
// 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;