From 840c25a2e3cd07f9b5726ceeb4b15f44dc95d7fb Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Thu, 28 Sep 2017 01:00:38 +0800
Subject: Add Large Modals #293

---
 src/_modals.scss | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

(limited to 'src/_modals.scss')

diff --git a/src/_modals.scss b/src/_modals.scss
index 21d6ed8..ced52a8 100644
--- a/src/_modals.scss
+++ b/src/_modals.scss
@@ -32,13 +32,25 @@
     .modal-container {
       animation: slide-down .2s ease 1;
       max-width: 640px;
+      width: 100%;
       z-index: $zindex-0;
     }
   }
 
   &.modal-sm {
     .modal-container {
-      max-width: $control-max-width;
+      max-width: 320px;
+    }
+  }
+
+  &.modal-lg {
+    .modal-overlay {
+      background: $bg-color-light;
+    }
+
+    .modal-container {
+      box-shadow: none;
+      max-width: 960px;
     }
   }
 }
@@ -52,7 +64,7 @@
   text-align: left;
 
   .modal-header {
-    padding: $layout-spacing-lg;
+    padding: $unit-4 $unit-6;
 
     .modal-title {
       margin: 0;
@@ -62,12 +74,12 @@
   .modal-body {
     max-height: 50vh;
     overflow-y: auto;
-    padding: $layout-spacing-lg;
+    padding: $unit-4 $unit-6;
     position: relative;
   }
 
   .modal-footer {
-    padding: $layout-spacing-lg;
+    padding: $unit-4 $unit-6;
     text-align: right;
   }
 }
-- 
cgit v1.3.1-23-gd82d