use vars, fix indentation

diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss
index 34405810ac4e8ed7ffdeba28af6beffcf57b97f3..88582ed86cb7c488baf08d6af7d569992c564124 100644 (file)
--- a/scss/mixins/_forms.scss
+++ b/scss/mixins/_forms.scss
@@ -57,7 +57,7 @@
       border-color: $color;
 
       &:focus {
-        box-shadow: 0 0 0 .2rem rgba($color,.25);
+        box-shadow: 0 0 0 $input-btn-focus-width rgba($color,.25);
       }
 
       ~ .#{$state}-feedback,
@@ -87,7 +87,7 @@
       }
     &:focus {
       ~ .custom-control-indicator {
-      box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px $color;
+        box-shadow: 0 0 0 1px $body-bg, 0 0 0 $input-btn-focus-width $color;
       }
       ~ .custom-control-description {
         color: $color;
@@ -105,8 +105,7 @@
         &::before { border-color: inherit; }
       }
       &:focus {
-        box-shadow: 0 0 0 .2rem rgba($color,.25);
-        
+        box-shadow: 0 0 0 $input-btn-focus-width rgba($color,.25);
       }
     }
   }