Changing the CSS var management

1 files changed, 5 insertions, 14 deletions

diff --git a/scss/_modal.scss b/scss/_modal.scss
index 6b341a895..39f4f2edf 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};
   }