_modal.sass in spina-2.0.0.alpha

- old
+ new

@@ -6,19 +6,46 @@
   position: fixed
   top: 0
   width: 100%
   z-index: 999
 
+.modal-container
+  align-items: center
+  background: rgba(0, 0, 0, .6)
+  display: flex
+  height: 100%
+  justify-content: center
+  left: 0px
+  position: fixed
+  top: 0px
+  width: 100%
+  z-index: 999
+
+  .modal
+    display: block
+
+  .modal-close-cross
+    color: #999
+    font-size: 11px
+    padding: 15px
+    position: absolute
+    top: 0px
+    right: 0px
+
+    &:hover
+      color: #333
+
 .modal
   animation-duration: .4s
   background: #fff
-  border-radius: 3px
+  border-radius: 10px
   display: none
   margin: 0 auto
   max-width: 480px
+  max-height: 90%
   min-height: 100px
-  overflow: hidden
+  overflow: scroll
   position: relative
 
   @media screen and (max-width: 480px)
     margin: 0 10px
 
@@ -32,9 +59,15 @@
     max-width: none
     width: 80%
 
     footer a
       padding: 18px 0
+
+  header
+    background: white
+    position: sticky
+    top: 0px
+    z-index: 10
 
   header h3
     border-radius: 2px 2px 0 0
     color: #232323
     font-size: 18px