From 668b2285bce4441e32e78ecefb1b595a7bc1c6fd Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Sun, 10 Apr 2016 16:42:45 +0800
Subject: update modal code

---
 src/modals.less    | 33 +++++++++++++++++++++++++++------
 src/utilities.less |  4 ++--
 2 files changed, 29 insertions(+), 8 deletions(-)

(limited to 'src')

diff --git a/src/modals.less b/src/modals.less
index 7b28b69..4aaacd3 100644
--- a/src/modals.less
+++ b/src/modals.less
@@ -1,14 +1,35 @@
 // 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;
@@ -30,13 +51,13 @@
   }
 }
 @media screen and (min-width: 640px) {
-  .modal {
+  .modal-container {
     width: 64rem;
   }
 }
 @media screen and (min-width: 320px) {
-  .modal {
-    &.modal-sm {
+  .modal-sm {
+    .modal-container {
       width: 32rem;
     }
   }
diff --git a/src/utilities.less b/src/utilities.less
index a030104..926271b 100644
--- a/src/utilities.less
+++ b/src/utilities.less
@@ -2,10 +2,10 @@
 .clearfix {
   .clearfix();
 }
-.pull-left {
+.float-left {
   float: left !important;
 }
-.pull-right {
+.float-right {
   float: right !important;
 }
 
-- 
cgit v1.3.1-23-gd82d