applied styling structure standards to previous commit

Author: devhus

packages/bootstrap-vue-3/src/components/BFormInput/_form-input.scss

@@ -0,0 +1,25 @@
+.form-control-highlighted {
+  border-color: $input-focus-border-color;
+
+  transition: box-shadow 0.3s ease-in-out;
+  animation: form-control-highlighted-blink 1s infinite;
+}
+
+@keyframes form-control-highlighted-blink {
+  0% {
+    box-shadow: 0 0 0 0 transparent;
+  }
+
+  50% {
+    @if $enable-shadows {
+      @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;
+    }
+  }
+
+  100% {
+    box-shadow: 0 0 0 0 transparent;
+  }
+}

packages/bootstrap-vue-3/src/styles/styles.scss

@@ -11,6 +11,7 @@
 @import "../components/BTransition/transition";
 @import "../components/BTable/table";
 @import "../components/BToast/index";
+@import "../components/BFormInput/form-input";
 
 .container,
 .container-fluid {
@@ -41,29 +42,3 @@
 .bv-no-focus-ring:focus {
   outline: none;
 }
-
-.form-control-highlighted {
-  border-color: $input-focus-border-color;
-
-  transition: box-shadow 0.3s ease-in-out;
-  animation: form-control-highlighted-blink 1s infinite;
-}
-
-@keyframes form-control-highlighted-blink {
-  0% {
-    box-shadow: 0 0 0 0 transparent;
-  }
-
-  50% {
-    @if $enable-shadows {
-      @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;
-    }
-  }
-
-  100% {
-    box-shadow: 0 0 0 0 transparent;
-  }
-}