modal.sass in bulma-rails-0.7.2

- old
+ new

@@ -27,23 +27,24 @@
 
 $modal-card-body-background-color: $white !default
 $modal-card-body-padding: 20px !default
 
 .modal
-  +overlay
+  @extend %overlay
   align-items: center
   display: none
+  flex-direction: column
   justify-content: center
   overflow: hidden
   position: fixed
   z-index: $modal-z
   // Modifiers
   &.is-active
     display: flex
 
 .modal-background
-  +overlay
+  @extend %overlay
   background-color: $modal-background-background-color
 
 .modal-content,
 .modal-card
   margin: 0 $modal-content-margin-mobile
@@ -56,11 +57,11 @@
     margin: 0 auto
     max-height: calc(100vh - #{$modal-content-spacing-tablet})
     width: $modal-content-width
 
 .modal-close
-  +delete
+  @extend %delete
   background: none
   height: $modal-close-dimensions
   position: fixed
   right: $modal-close-right
   top: $modal-close-top
@@ -69,9 +70,10 @@
 .modal-card
   display: flex
   flex-direction: column
   max-height: calc(100vh - #{$modal-card-spacing})
   overflow: hidden
+  -ms-overflow-y: visible
 
 .modal-card-head,
 .modal-card-foot
   align-items: center
   background-color: $modal-card-head-background-color