From d2ab1d3c6123e91d6db9a5f4ba53ea5b11017c16 Mon Sep 17 00:00:00 2001
From: Geoff Kimball <geoff@zurb.com>
Date: Tue, 12 Jan 2016 21:32:51 -0800
Subject: [PATCH] Add flexbox mode to title bar

---
 scss/components/_title-bar.scss | 32 ++++++++++++++++++++++++++------
 1 file changed, 26 insertions(+), 6 deletions(-)

diff --git a/scss/components/_title-bar.scss b/scss/components/_title-bar.scss
index 341cea968..60e89c6f6 100644
--- a/scss/components/_title-bar.scss
+++ b/scss/components/_title-bar.scss
@@ -36,24 +36,44 @@ $titlebar-icon-spacing: 0.25rem !default;
 
 @mixin foundation-title-bar {
   .title-bar {
-    @include clearfix;
     background: $titlebar-background;
     color: $titlebar-color;
     padding: $titlebar-padding;
 
+    @if $global-flexbox {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
+    @else {
+      @include clearfix;
+    }
+
     .menu-icon {
       margin-#{$global-left}: $titlebar-icon-spacing;
       margin-#{$global-right}: $titlebar-padding;
     }
   }
 
-  .title-bar-left {
-    float: left;
+  @if $global-flexbox {
+    .title-bar-left,
+    .title-bar-right {
+      flex: 1 1 0px;
+    }
+
+    .title-bar-right {
+      text-align: right;
+    }
   }
+  @else {
+    .title-bar-left {
+      float: left;
+    }
 
-  .title-bar-right {
-    float: right;
-    text-align: right;
+    .title-bar-right {
+      float: right;
+      text-align: right;
+    }
   }
 
   .title-bar-title {
-- 
2.47.2