diff --git a/scss/_code.scss b/scss/_code.scss
index 60bbcae81e..a9ddb4c0f5 100644
--- a/scss/_code.scss
+++ b/scss/_code.scss
@@ -22,7 +22,7 @@ kbd {
   color: $kbd-color;
   background-color: $kbd-bg;
   @include border-radius($border-radius-sm);
-  @include box-shadow(inset 0 -.1rem 0 rgba(0,0,0,.25));
+  @include box-shadow($kbd-box-shadow);
 
   kbd {
     padding: 0;
diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss
index d9776d59c6..6c50c94fb7 100644
--- a/scss/_dropdown.scss
+++ b/scss/_dropdown.scss
@@ -53,7 +53,7 @@
   background-clip: padding-box;
   border: $dropdown-border-width solid $dropdown-border-color;
   @include border-radius($border-radius);
-  @include box-shadow(0 6px 12px rgba(0,0,0,.175));
+  @include box-shadow($dropdown-box-shadow);
 }
 
 // Dividers (basically an `<hr>`) within the dropdown
diff --git a/scss/_images.scss b/scss/_images.scss
index 81e823ca02..60e8fc9b57 100644
--- a/scss/_images.scss
+++ b/scss/_images.scss
@@ -22,7 +22,7 @@
   border: $thumbnail-border-width solid $thumbnail-border-color;
   border-radius: $thumbnail-border-radius;
   transition: all .2s ease-in-out;
-  @include box-shadow(0 1px 2px rgba(0,0,0,.075));
+  @include box-shadow($thumbnail-box-shadow);
 
   // Keep them at most 100% wide
   @include img-fluid(inline-block);
diff --git a/scss/_modal.scss b/scss/_modal.scss
index c88d085c9e..c43d55b5ac 100644
--- 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/_popover.scss b/scss/_popover.scss
index 4e8ed44992..303850cc0c 100644
--- a/scss/_popover.scss
+++ b/scss/_popover.scss
@@ -14,7 +14,7 @@
   background-clip: padding-box;
   border: $popover-border-width solid $popover-border-color;
   @include border-radius($border-radius-lg);
-  @include box-shadow(0 5px 10px rgba(0,0,0,.2));
+  @include box-shadow($popover-box-shadow);
 
 
   // Popover directions
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 4deb70019d..62515deaac 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -191,6 +191,7 @@ $hr-border-width: $border-width !default;
 
 $dt-font-weight: bold !default;
 
+$kbd-box-shadow:         inset 0 -.1rem 0 rgba(0,0,0,.25) !default;
 $nested-kbd-font-weight: bold !default;
 
 $list-inline-padding: 5px !default;
@@ -237,6 +238,7 @@ $table-border-color:            $gray-lighter !default;
 $btn-padding-x:                  1rem !default;
 $btn-padding-y:                  .375rem !default;
 $btn-font-weight:                normal !default;
+$btn-box-shadow:                 inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075) !default;
 $btn-active-box-shadow:          inset 0 3px 5px rgba(0,0,0,.125) !default;
 
 $btn-primary-color:              #fff !default;
@@ -341,6 +343,7 @@ $dropdown-bg:                    #fff !default;
 $dropdown-border-color:          rgba(0,0,0,.15) !default;
 $dropdown-border-width:          $border-width !default;
 $dropdown-divider-bg:            #e5e5e5 !default;
+$dropdown-box-shadow:            0 6px 12px rgba(0,0,0,.175) !default;
 
 $dropdown-link-color:            $gray-dark !default;
 $dropdown-link-hover-color:      darken($gray-dark, 5%) !default;
@@ -500,6 +503,7 @@ $popover-bg:                          #fff !default;
 $popover-max-width:                   276px !default;
 $popover-border-width:                $border-width !default;
 $popover-border-color:                rgba(0,0,0,.2) !default;
+$popover-box-shadow:                  0 5px 10px rgba(0,0,0,.2) !default;
 
 $popover-title-bg:                    darken($popover-bg, 3%) !default;
 $popover-title-padding-x:             14px !default;
@@ -537,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;
@@ -619,6 +625,7 @@ $thumbnail-bg:                $body-bg !default;
 $thumbnail-border-width:      $border-width !default;
 $thumbnail-border-color:      #ddd !default;
 $thumbnail-border-radius:     $border-radius !default;
+$thumbnail-box-shadow:        0 1px 2px rgba(0,0,0,.075) !default;
 
 
 // Breadcrumbs
diff --git a/scss/mixins/_buttons.scss b/scss/mixins/_buttons.scss
index ec250c464c..21240dd932 100644
--- a/scss/mixins/_buttons.scss
+++ b/scss/mixins/_buttons.scss
@@ -10,7 +10,7 @@
   color: $color;
   background-color: $background;
   border-color: $border;
-  @include box-shadow(inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075));
+  @include box-shadow($btn-box-shadow);
 
   @include hover {
     color: $color;