Extract variables for .modal-content box-shadow

[skip sauce]
[skip validator]

diff --git a/scss/_modal.scss b/scss/_modal.scss
index c88d085c9ef8235f7797ef8816b51209395c6931..c43d55b5ac58e090dc122c891155a6b9d3ce91b6 100644 (file)
--- a/scss/_modal.scss
+++ b/scss/_modal.scss
@@ -50,7 +50,7 @@
   background-clip: padding-box;
   border: 1px solid $modal-content-border-color;
   @include border-radius($border-radius-lg);
-  @include box-shadow(0 3px 9px rgba(0,0,0,.5));
+  @include box-shadow($modal-content-xs-box-shadow);
   // Remove focus outline from opened modal
   outline: 0;
 }
@@ -134,7 +134,7 @@
     margin: 30px auto;
   }
   .modal-content {
-    @include box-shadow(0 5px 15px rgba(0,0,0,.5));
+    @include box-shadow($modal-content-sm-up-box-shadow);
   }
 
   // Modal sizes

diff --git a/scss/_variables.scss b/scss/_variables.scss
index a09a79a7ccbab673c82fc2ff3a9297e4c77481c5..62515deaac7015fe50b1e11e4a1bc9b0366066bc 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -541,8 +541,10 @@ $modal-inner-padding:         15px !default;
 $modal-title-padding:         15px !default;
 $modal-title-line-height:     $line-height !default;
 
-$modal-content-bg:                             #fff !default;
-$modal-content-border-color:                   rgba(0,0,0,.2) !default;
+$modal-content-bg:               #fff !default;
+$modal-content-border-color:     rgba(0,0,0,.2) !default;
+$modal-content-xs-box-shadow:    0 3px 9px rgba(0,0,0,.5) !default;
+$modal-content-sm-up-box-shadow: 0 5px 15px rgba(0,0,0,.5) !default;
 
 $modal-backdrop-bg:           #000 !default;
 $modal-backdrop-opacity:      .5 !default;