Backport #30480

Use `box-shadow` mixin for form controls

diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss
index 418470d0b44afb4ec135d562e79ca40e6ae06328..57c2d79f2629b69652aa6f8882e8a2b4462e23a8 100644 (file)
--- a/scss/mixins/_forms.scss
+++ b/scss/mixins/_forms.scss
@@ -16,10 +16,10 @@
     background-color: $input-focus-bg;
     border-color: $input-focus-border-color;
     outline: 0;
-    // Avoid using mixin so we can pass custom focus shadow properly
     @if $enable-shadows {
-      box-shadow: $input-box-shadow, $input-focus-box-shadow;
+      @include box-shadow($input-box-shadow, $input-focus-box-shadow);
     } @else {
+      // Avoid using mixin so we can pass custom focus shadow properly
       box-shadow: $input-focus-box-shadow;
     }
   }