From c94d629148db41f30a3b2323f8869644201f953d Mon Sep 17 00:00:00 2001
From: Marco Kaul <marcokaul@googlemail.com>
Date: Sat, 13 Feb 2016 00:21:11 +0100
Subject: [PATCH] Update clearfix mixin with flexbox fix

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

Fixes #8148
---
 scss/util/_mixins.scss | 4 ++++
 1 file changed, 4 insertions(+)

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 {
-- 
2.47.2