stylesheets/toolkit/_clearfix.scss in toolkit-0.1.18 vs stylesheets/toolkit/_clearfix.scss in toolkit-0.2

@@ -56,6 +56,74 @@
 //////////////////////////////
 %clearfix:after {
   content: "";
   display: table;
   clear: both;
+}
+
+//////////////////////////////
+// Massive Clearfix Mixin
+//
+// Clearfix mixin for all of your clearfixing needs. Will choose the right mixin for you.
+// Can choose whether to extend or to write.
+//////////////////////////////
+$clearfix-extend: false !default;
+$legacy-support-for-mozilla: true !default;
+
+@mixin clearfix($extend: $clearfix-extend) {
+  @if $legacy-support-for-ie6 and $legacy-support-for-ie7 and not $legacy-support-for-mozilla {
+    @if $extend {
+      @extend %clearfix-micro;
+    }
+    @else {
+      /* for IE 6/7 */
+      *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
+      /* non-JS fallback */
+      *zoom: 1;
+
+      &:before,
+      &:after {
+        content: "";
+        display: table;
+      }
+
+      &:after {
+        clear: both;
+      }
+    }
+  }
+  @else if $legacy-support-for-ie6 and $legacy-support-for-ie7 and $legacy-support-for-mozilla {
+    @if $extend {
+      @extend %clearfix-legacy;
+    }
+    @else {
+      /* for IE 6/7 */
+      *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
+      /* non-JS fallback */
+      *zoom: 1;
+
+      &:before,
+      &:after {
+        content: ".";
+        display: block;
+        height: 0;
+        overflow: hidden;
+      }
+
+      &:after {
+        clear: both;
+      }
+    }
+  }
+  @else {
+    @if $extend {
+      @extend %clearfix
+    }
+    @else {
+      &:after {
+        content: "";
+        display: table;
+        clear: both;
+      }
+    }
+  }
 }
\ No newline at end of file