From 36e75f63559396c1e608c9d6599a0b9ca7512d8d Mon Sep 17 00:00:00 2001 From: "louismaxime.piton" Date: Mon, 11 Apr 2022 15:48:39 +0200 Subject: [PATCH] Changing the CSS var management --- scss/_modal.scss | 19 +++++-------------- 1 file 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) { + .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 { - --#{$prefix}modal-margin: #{$modal-dialog-margin-y-sm-up}; - 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}; }