diff options
| author | Mark Otto <[email protected]> | 2016-12-24 17:26:19 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-12-25 15:28:44 -0800 |
| commit | 33746dc63e9e9c9c0abe60e01f3aeb776a66bc81 (patch) | |
| tree | fa16477cc230a2ab083395e3ee53b5792af32b7b /scss | |
| parent | e7f8ca08b002ac3aaf4b8dc09aaa749886057c73 (diff) | |
| download | bootstrap-33746dc63e9e9c9c0abe60e01f3aeb776a66bc81.tar.xz bootstrap-33746dc63e9e9c9c0abe60e01f3aeb776a66bc81.zip | |
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)
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/_modal.scss | 8 |
1 files changed, 3 insertions, 5 deletions
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 |