Adding Micro Clearfix which is new and uses less CSS than PIE Clearfix

2011-05-12 23:07:54 +02:00 · 2011-05-12 23:07:54 +02:00 · cb6068c9a3
commit cb6068c9a3
parent ef18040a0b
1 changed files with 13 additions and 0 deletions
--- a/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss
+++ b/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss
@ -29,3 +29,16 @@
  }
  @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 {
+    content: "";
+    display: table;
+  }
+  &:after {
+    clear: both;
+  }
+  @include has-layout;
+}