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