stylesheets/toolkit/_clearfix.scss in toolkit-1.3.8 vs stylesheets/toolkit/_clearfix.scss in toolkit-2.0.0.alpha.1

- old
+ new

@@ -1,104 +1,20 @@ ////////////////////////////// -// 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. +// Modern Clearfix Mixin ////////////////////////////// -$clearfix-extend: false !default; -$clearfix-direct: false !default; -$toolkit-clearfix: true; - -@mixin cf($extend: $clearfix-extend, $direct: $clearfix-direct) { - @include clearfix($extend, $direct); -} - -@mixin clearfix($extend: $clearfix-extend, $direct: $clearfix-direct) { - @if (($legacy-support-for-ie6 or $legacy-support-for-ie7) and not $legacy-support-for-mozilla and $direct != 'legacy' and $direct != 'modern') or ($direct == 'micro') { - @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; - } - } +@mixin clearfix($extend: null) { + $extend: if($extend !== null, $extend, toolkit-get('clearfix extend')); + @if $extend { + @extend %toolkit-clearfix; } - @else if (($legacy-support-for-ie6 or $legacy-support-for-ie7) and $legacy-support-for-mozilla and $direct != 'micro' and $direct != 'modern') or ($direct == 'legacy') { - @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 + &:after { + content: ""; + display: table; + clear: both; } - @else { - &:after { - content: ""; - display: table; - clear: both; - } - } } } -////////////////////////////// -// Legacy Clearfix -// -// For when you need full Legacy support, including old IE and old Firefox -// -// From http://www.css-101.org/articles/clearfix/latest-new-clearfix-so-far.php -////////////////////////////// -%clearfix-legacy { - @include clearfix(false, 'legacy'); -} - -////////////////////////////// -// Micro Clearfix -// -// For when you need old IE support, but not concerned with old Firefox -// From http://nicolasgallagher.com/better-float-containment-in-ie/ -////////////////////////////// -%clearfix-micro { - @include clearfix(false, 'micro'); -} - -////////////////////////////// -// Modern Clearfix -// -// Clearfix for modern browsers, especiall when using border-box -// -// From http://www.css-101.org/articles/clearfix/latest-new-clearfix-so-far.php -////////////////////////////// -%clearfix { - @include clearfix(false, 'modern'); +%toolkit-clearfix { + @include clearfix(true); } \ No newline at end of file