modal.sass in bulma-rails-0.9.1

- old
+ new

@@ -26,10 +26,12 @@
 $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
   display: none
   flex-direction: column
@@ -51,10 +53,10 @@
   max-height: calc(100vh - #{$modal-content-spacing-mobile})
   overflow: auto
   position: relative
   width: 100%
   // Responsiveness
-  +tablet
+  +from($modal-breakpoint)
     margin: 0 auto
     max-height: calc(100vh - #{$modal-content-spacing-tablet})
     width: $modal-content-width
 
 .modal-close