diff options
author | louismaxime.piton <louismaxime.piton@orange.com> | 2022-04-11 16:48:39 +0300 |
---|---|---|
committer | Mark Otto <otto@github.com> | 2022-04-13 04:25:04 +0300 |
commit | 36e75f63559396c1e608c9d6599a0b9ca7512d8d (patch) | |
tree | 7d45c1e95e3c31e98f7980fb31fc889cfe9f2af9 | |
parent | 8aaeb3cb6b5fe4f3eb6ed5872e172404aa8397a6 (diff) |
Changing the CSS var management
-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}; } |