Moved modals inline properties to variables.less

In this commit I moved modals.less inline properties to variables.less
and also added those variables to customize.html.

1 files changed, 30 insertions, 0 deletions

diff --git a/customize.html b/customize.html
index 0bb8f12b8..6a44630c4 100644
--- a/customize.html
+++ b/customize.html
@@ -1019,6 +1019,36 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge
           <input type="text" placeholder="@line-height-base">
           <p class="help-block">Modal title line-height</p>
         </div>
+        <div class="col-lg-4">
+          <label>@modal-content-bg</label>
+          <input type="text" placeholder="#fff">
+          <p class="help-block">Background color of modal content area</p>
+        </div>
+        <div class="col-lg-4">
+          <label>@modal-content-border-color</label>
+          <input type="text" placeholder="rgba(0,0,0,.2)">
+          <p class="help-block">Modal content border color</p>
+        </div>
+        <div class="col-lg-4">
+          <label>@modal-content-fallback-border-color</label>
+          <input type="text" placeholder="#999">
+          <p class="help-block">Modal content border color <strong>for IE8</strong></p>
+        </div> 
+        <div class="col-lg-4">
+          <label>@modal-backdrop-bg</label>
+          <input type="text" placeholder="#000">
+          <p class="help-block">Modal backdrop background color</p>
+        </div> 
+        <div class="col-lg-4">
+          <label>@modal-header-border-color</label>
+          <input type="text" placeholder="#e5e5e5">
+          <p class="help-block">Modal header border color</p>
+        </div>
+        <div class="col-lg-4">
+          <label>@modal-footer-border-color</label>
+          <input type="text" placeholder="#e5e5e5">
+          <p class="help-block">Modal footer border color</p>
+        </div>  
       </div>
 
       <h2 id="variables-carousel">Carousel</h2>