From ed3551415c37a5bc6683080c424786adb5a0ef60 Mon Sep 17 00:00:00 2001
From: Chris Rebert <code@chrisrebert.com>
Date: Sat, 9 Jan 2016 15:14:36 -0800
Subject: [PATCH] Extract $btn-active-box-shadow variable & refactor
 accordingly

[skip sauce]
[skip validator]
---
 scss/_button-group.scss   | 2 +-
 scss/_buttons.scss        | 2 +-
 scss/_variables.scss      | 1 +
 scss/mixins/_buttons.scss | 2 +-
 4 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/scss/_button-group.scss b/scss/_button-group.scss
index e0c6c9af40..4c47725bd7 100644
--- a/scss/_button-group.scss
+++ b/scss/_button-group.scss
@@ -115,7 +115,7 @@
 // The clickable button for toggling the menu
 // Remove the gradient and set the same inset shadow as the :active state
 .btn-group.open .dropdown-toggle {
-  @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
+  @include box-shadow($btn-active-box-shadow);
 
   // Show no shadow for `.btn-link` since it has no other button styles.
   &.btn-link {
diff --git a/scss/_buttons.scss b/scss/_buttons.scss
index 9696154f72..640fe1dfeb 100644
--- a/scss/_buttons.scss
+++ b/scss/_buttons.scss
@@ -34,7 +34,7 @@
   &.active {
     background-image: none;
     outline: 0;
-    @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
+    @include box-shadow($btn-active-box-shadow);
   }
 
   &.disabled,
diff --git a/scss/_variables.scss b/scss/_variables.scss
index b85ab50b19..cb478d76a1 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -237,6 +237,7 @@ $table-border-color:            $gray-lighter !default;
 $btn-padding-x:                  1rem !default;
 $btn-padding-y:                  .375rem !default;
 $btn-font-weight:                normal !default;
+$btn-active-box-shadow:          inset 0 3px 5px rgba(0,0,0,.125) !default;
 
 $btn-primary-color:              #fff !default;
 $btn-primary-bg:                 $brand-primary !default;
diff --git a/scss/mixins/_buttons.scss b/scss/mixins/_buttons.scss
index 61b9f9caff..ec250c464c 100644
--- a/scss/mixins/_buttons.scss
+++ b/scss/mixins/_buttons.scss
@@ -33,7 +33,7 @@
         border-color: $active-border;
     // Remove the gradient for the pressed/active state
     background-image: none;
-    @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
+    @include box-shadow($btn-active-box-shadow);
 
     &:hover,
     &:focus,