From: Marco Kaul <marcokaul@googlemail.com>
Date: Fri, 12 Feb 2016 23:21:11 +0000 (+0100)
Subject: Update clearfix mixin with flexbox fix
X-Git-Tag: v6.2.0-rc.1~4^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F8152%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Update clearfix mixin with flexbox fix

See http://danisadesigner.com/blog/flexbox-clear-fix-pseudo-elements/

Fixes #8148
---

diff --git a/scss/util/_mixins.scss b/scss/util/_mixins.scss
index fcb0e916d..19f4a0ad3 100644
--- a/scss/util/_mixins.scss
+++ b/scss/util/_mixins.scss
@@ -129,12 +129,16 @@
 }
 
 /// Applies the micro clearfix hack popularized by Nicolas Gallagher. Include this mixin on a container if its children are all floated, to give the container a proper height.
+/// The clearfix is augmented with specific styles to prevent borders in flexbox environments
 /// @link http://nicolasgallagher.com/micro-clearfix-hack/ Micro Clearfix Hack
+/// @link http://danisadesigner.com/blog/flexbox-clear-fix-pseudo-elements/ Flexbox fix
 @mixin clearfix {
   &::before,
   &::after {
     content: ' ';
     display: table;
+    flex-basis: 0;
+    order: 1;
   }
 
   &::after {