fix(modal): align sizes with breakpoints

Orange-OpenSource · May 28, 2020 · 9170a2e · 9170a2e
1 parent d9c6fc0
commit 9170a2e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 13 deletions.
diff --git a/scss/_modal.scss b/scss/_modal.scss
@@ -206,7 +206,7 @@
 }
 
 // Scale up the modal
-@include media-breakpoint-up(sm) {
+@include media-breakpoint-up(md) {
   // Automatically set modal's width for larger viewports
   .modal-dialog {
     max-width: $modal-md;
@@ -237,13 +237,4 @@
   .modal-sm { max-width: $modal-sm; }
 }
 
-@include media-breakpoint-up(lg) {
-  .modal-lg,
-  .modal-xl {
-    max-width: $modal-lg;
-  }
-}
-
-@include media-breakpoint-up(xl) {
-  .modal-xl { max-width: $modal-xl; }
-}
+// Boosted mod: only one size above sm
diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -1123,8 +1123,6 @@ $modal-header-padding-y:            .125rem !default; // Boosted mod
 $modal-header-padding-x:            .25rem !default; // Boosted mod
 $modal-header-padding:              null !default; // Keep this for backwards compatibility
 
-$modal-xl:                          700px !default;
-$modal-lg:                          700px !default;
 $modal-md:                          700px !default;
 $modal-sm:                          300px !default;