From 33746dc63e9e9c9c0abe60e01f3aeb776a66bc81 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sat, 24 Dec 2016 17:26:19 -0800
Subject: flex the modal header so we can remove custom styles

updates the dom order in our docs to match (floated content comes first, but no need for that in flexbox)
---
 scss/_modal.scss | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

(limited to 'scss')

diff --git a/scss/_modal.scss b/scss/_modal.scss
index 6085f0741..12f7a62a7 100644
--- a/scss/_modal.scss
+++ b/scss/_modal.scss
@@ -77,13 +77,11 @@
 // Modal header
 // Top section of the modal w/ title and dismiss
 .modal-header {
+  display: flex;
+  justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends
+  align-items: center; // vertically center it
   padding: $modal-header-padding;
   border-bottom: $modal-header-border-width solid $modal-header-border-color;
-  @include clearfix;
-}
-// Close icon
-.modal-header .close {
-  margin-top: -2px;
 }
 
 // Title text within header
-- 
cgit v1.2.3