diff options
| author | Mark Otto <markdotto@gmail.com> | 2016-12-25 04:26:19 +0300 |
|---|---|---|
| committer | Mark Otto <markd.otto@gmail.com> | 2016-12-26 02:28:44 +0300 |
| commit | 33746dc63e9e9c9c0abe60e01f3aeb776a66bc81 (patch) | |
| tree | fa16477cc230a2ab083395e3ee53b5792af32b7b /scss/_modal.scss | |
| parent | e7f8ca08b002ac3aaf4b8dc09aaa749886057c73 (diff) | |
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/_modal.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 6085f0741e..12f7a62a78 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 |