diff options
| author | Mark Otto <[email protected]> | 2016-02-06 20:31:27 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-02-06 20:31:27 -0800 |
| commit | cecc3017dc72ba312cffb56cc1e419c00fb1c259 (patch) | |
| tree | 4f2b23278611eee98b5c33a27274f39cc94d2b1f /scss | |
| parent | 64b88bd7075e165b77eb7bd38ceb34c235f30b0a (diff) | |
| parent | 6c2b0d2b76ba0b9667fc439592aa2976fd573702 (diff) | |
| download | bootstrap-cecc3017dc72ba312cffb56cc1e419c00fb1c259.tar.xz bootstrap-cecc3017dc72ba312cffb56cc1e419c00fb1c259.zip | |
Merge pull request #19105 from twbs/v4-modal-widths
v4: Update modal sizing
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/_modal.scss | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/scss/_modal.scss b/scss/_modal.scss index c43d55b5a..83bb4932b 100644 --- a/scss/_modal.scss +++ b/scss/_modal.scss @@ -130,17 +130,17 @@ @include media-breakpoint-up(sm) { // Automatically set modal's width for larger viewports .modal-dialog { - width: $modal-md; + max-width: $modal-md; margin: 30px auto; } + .modal-content { @include box-shadow($modal-content-sm-up-box-shadow); } - // Modal sizes - .modal-sm { width: $modal-sm; } + .modal-sm { max-width: $modal-sm; } } -@include media-breakpoint-up(md) { - .modal-lg { width: $modal-lg; } +@include media-breakpoint-up(lg) { + .modal-lg { max-width: $modal-lg; } } |