From e2c15da96781c1fba011198267c551cbedd001d9 Mon Sep 17 00:00:00 2001
From: Patrick Yeo <pyeo717@gmail.com>
Date: Mon, 6 Nov 2017 13:34:42 -0800
Subject: [PATCH] Move hardcoded opacity value in `.btn:disabled` to variable
 `$btn-disabled-opacity` (#24680)

---
 scss/_buttons.scss   | 2 +-
 scss/_variables.scss | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/scss/_buttons.scss b/scss/_buttons.scss
index 16d879cd85..749f96a7cc 100644
--- 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 a1f31b9b03..c12001a27d 100644
--- 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;
-- 
GitLab