Move hardcoded opacity value in `.btn:disabled` to variable `$btn-disabled-opacity...

diff --git a/scss/_buttons.scss b/scss/_buttons.scss
index 16d879cd853269fe30866efa7522a1a086d99e09..749f96a7cc2af6a67680773281dc53ad2982a69e 100644 (file)
--- a/scss/_buttons.scss
+++ b/scss/_buttons.scss
@@ -28,7 +28,7 @@
   // Disabled comes first so active can properly restyle
   &.disabled,
   &:disabled {
-    opacity: .65;
+    opacity: $btn-disabled-opacity;
     @include box-shadow(none);
   }
 

diff --git a/scss/_variables.scss b/scss/_variables.scss
index a1f31b9b03dc421276fc616640a0e7c04a1d506b..c12001a27d162bbf005688b97c48264dc217e1c2 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -357,6 +357,7 @@ $btn-font-weight:             $font-weight-normal !default;
 $btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;
 $btn-focus-width:             $input-btn-focus-width !default;
 $btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;
+$btn-disabled-opacity:        .65 !default;
 $btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;
 
 $btn-link-disabled-color:     $gray-600 !default;