diff options
-rw-r--r-- | scss/_modal.scss | 19 |
1 files changed, 5 insertions, 14 deletions
diff --git a/scss/_modal.scss b/scss/_modal.scss index 6b341a895e..39f4f2edf1 100644 --- a/scss/_modal.scss +++ b/scss/_modal.scss @@ -176,27 +176,18 @@ // Scale up the modal @include media-breakpoint-up(sm) { - // Automatically set modal's width for larger viewports - .modal-dialog { + .modal { --#{$prefix}modal-margin: #{$modal-dialog-margin-y-sm-up}; + --#{$prefix}modal-box-shadow: #{$modal-content-box-shadow-sm-up}; + } + // Automatically set modal's width for larger viewports + .modal-dialog { max-width: var(--#{$prefix}modal-width); margin-right: auto; margin-left: auto; } - .modal-dialog-scrollable { - height: calc(100% - var(--#{$prefix}modal-margin) * 2); - } - - .modal-dialog-centered { - min-height: calc(100% - var(--#{$prefix}modal-margin) * 2); - } - - .modal-content { - --#{$prefix}modal-box-shadow: #{$modal-content-box-shadow-sm-up}; - } - .modal-sm { --#{$prefix}modal-width: #{$modal-sm}; } |