Allow any selector to be used as clearfix instead of just a classname

sporkd · Aug 22, 2010 · e93912e · e93912e
1 parent d4022c1
commit e93912e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/stylesheets/html5-boilerplate/_helpers.scss b/stylesheets/html5-boilerplate/_helpers.scss
@@ -9,7 +9,7 @@
 
   .visuallyhidden { @include visually-hidden; }
 
-  @include magnificent-clearfix;
+  @include clearfix;
 }
 
 // for image replacement
@@ -37,7 +37,9 @@
 @mixin invisible { visibility: hidden; }
 
 // The Magnificent CLEARFIX
-@mixin magnificent-clearfix($classname: 'clearfix') {
-  .#{$classname}:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
-  .#{$classname} { zoom: 1; }
+// Make any element or classname a
+// clearfix by passing in a selector
+@mixin clearfix($selector: '.clearfix') {
+  #{$selector}:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+  #{$selector} { zoom: 1; }
 }
diff --git a/templates/project/partials/_html5_boilerplate.scss b/templates/project/partials/_html5_boilerplate.scss
@@ -62,7 +62,9 @@ sup { vertical-align: super; font-size: smaller; }
 
 .visuallyhidden { @include visually-hidden; }
 
-@include magnificent-clearfix('clearfix');  // Override with custom class-name
+// Make any element or classname behave as
+// clearfix by passing in a selector
+@include clearfix('.clearfix');
 
 
 //--------------------------------