From: louismaxime.piton Date: Mon, 11 Apr 2022 13:48:39 +0000 (+0200) Subject: Changing the CSS var management X-Git-Tag: v5.2.0-beta1~85 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=36e75f63559396c1e608c9d6599a0b9ca7512d8d;p=thirdparty%2Fbootstrap.git Changing the CSS var management --- 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}; }