Options of sizes added in modal

diff --git a/less/modals.less b/less/modals.less
index 776073d572e1b447d71b81ba14394f08317528ba..c44b760944b4161db0eb0829c30d851aba85574c 100644 (file)
--- a/less/modals.less
+++ b/less/modals.less
@@ -123,6 +123,14 @@
     width: 600px;
     padding-top: 30px;
     padding-bottom: 30px;
+    // Define large size for the modal
+    &.modal-lg{
+      width: @modal-lg;
+    }
+    // Define small size for the modal
+    &.modal-sm{
+      width: @modal-sm;
+    }
   }
   .modal-content {
     .box-shadow(0 5px 15px rgba(0,0,0,.5));

diff --git a/less/variables.less b/less/variables.less
index e596215d06f0ade037deae3ca7ffaf1fe3ead1c9..5fb66b22548480100b2ea657bcda293799a102b3 100644 (file)
--- a/less/variables.less
+++ b/less/variables.less
@@ -448,6 +448,9 @@
 @modal-header-border-color:   #e5e5e5;
 @modal-footer-border-color:   @modal-header-border-color;
 
+@modal-lg:                    900px;
+@modal-sm:                    400px;
+
 
 // Alerts
 // -------------------------