Add variable for modal breakpoint

jgthms · Sep 2, 2020 · 76ede5a · 76ede5a
1 parent 5e4bf5e
commit 76ede5a
Showing 1 changed file with 3 additions and 1 deletion.
diff --git 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