From 52c5b06f1c0ed1aaed67012dcb29198618080f85 Mon Sep 17 00:00:00 2001
From: Catalin Zalog <c@zalog.ro>
Date: Sun, 15 Mar 2020 16:28:18 +0200
Subject: [PATCH] fix(css): adds a new opacity var

Fixes beeing able to control `.is-valid` & `.is-invalid` input:focus opacity
---
 scss/_variables.scss    | 7 ++++---
 scss/mixins/_forms.scss | 2 +-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 509a364ee5..71fabc58db 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -496,9 +496,10 @@ $input-btn-font-family:       null !default;
 $input-btn-font-size:         $font-size-base !default;
 $input-btn-line-height:       $line-height-base !default;
 
-$input-btn-focus-width:       .2rem !default;
-$input-btn-focus-color:       rgba($component-active-bg, .25) !default;
-$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;
+$input-btn-focus-width:         .2rem !default;
+$input-btn-focus-color-opacity: .25 !default;
+$input-btn-focus-color:         rgba($component-active-bg, $input-btn-focus-color-opacity) !default;
+$input-btn-focus-box-shadow:    0 0 0 $input-btn-focus-width $input-btn-focus-color !default;
 
 $input-btn-padding-y-sm:      .25rem !default;
 $input-btn-padding-x-sm:      .5rem !default;
diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss
index ab612334f4..1873559942 100644
--- a/scss/mixins/_forms.scss
+++ b/scss/mixins/_forms.scss
@@ -58,7 +58,7 @@
 
       &:focus {
         border-color: $color;
-        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
+        box-shadow: 0 0 0 $input-focus-width rgba($color, $input-btn-focus-color-opacity);
       }
     }
   }