Merge branch 'master' into gh-pages

1 files changed, 33 insertions, 5 deletions

diff --git a/src/modals.less b/src/modals.less
index 4ef3652..4aaacd3 100644
--- a/src/modals.less
+++ b/src/modals.less
@@ -1,21 +1,42 @@
 // Modals
-.modal {
+.modal.active {
+  display: flex;
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  z-index: 499;
+
+  .modal-overlay {
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: rgba(0, 0, 0, .75);
+  }
+}
+.modal-container {
   display: block;
   text-align: left;
-  margin: 0;
+  margin: 0 auto;
   padding: 0;
   border-radius: .3rem;
   background-color: #fff;
   z-index: 999;
   .shadow;
-  .centered;
 
   .modal-header {
     padding: 1.5rem;
-    border-bottom: 1px solid @core-border-color;
 
     .modal-title {
       margin: 0;
+      font-size: 1.5rem;
     }
   }
   .modal-body {
@@ -30,7 +51,14 @@
   }
 }
 @media screen and (min-width: 640px) {
-  .modal {
+  .modal-container {
     width: 64rem;
   }
+}
+@media screen and (min-width: 320px) {
+  .modal-sm {
+    .modal-container {
+      width: 32rem;
+    }
+  }
 }
\ No newline at end of file