Add variable for modal breakpoint

diff --git a/sass/components/modal.sass b/sass/components/modal.sass
index f352744a47443fe8ef32fa0d9262a2e82e11312d..3992f29632c30253e2e07e5108eca257355a80fe 100644 (file)
--- a/sass/components/modal.sass
+++ b/sass/components/modal.sass
@@ -28,6 +28,8 @@ $modal-card-foot-border-top: 1px solid $border !default
 $modal-card-body-background-color: $scheme-main !default
 $modal-card-body-padding: 20px !default
 
+$modal-breakpoint: $tablet !default
+
 .modal
   @extend %overlay
   align-items: center
@@ -53,7 +55,7 @@ $modal-card-body-padding: 20px !default
   position: relative
   width: 100%
   // Responsiveness
-  +tablet
+  +from($modal-breakpoint)
     margin: 0 auto
     max-height: calc(100vh - #{$modal-content-spacing-tablet})
     width: $modal-content-width