Fixes #20586

Use pixels instead of rem units for focus box-shadow on custom controls so that IE11, Edge, and Win FF screw it up less

diff --git a/scss/_variables.scss b/scss/_variables.scss
index f1132999a0cbdc984d790241675954dd1b41e034..0bf1604bda46f1e06d22741e5932e2e4ccd4d305 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -473,7 +473,7 @@ $custom-control-checked-indicator-color:      $white !default;
 $custom-control-checked-indicator-bg:         $brand-primary !default;
 $custom-control-checked-indicator-box-shadow: none !default;
 
-$custom-control-focus-indicator-box-shadow: 0 0 0 .075rem $body-bg, 0 0 0 .2rem $brand-primary !default;
+$custom-control-focus-indicator-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px $brand-primary !default;
 
 $custom-control-active-indicator-color:      $white !default;
 $custom-control-active-indicator-bg:         lighten($brand-primary, 35%) !default;