simplify using-keyboard selector string to loop through -field-types

Author: george

src/scss/utilities/_mixins.scss

@@ -251,10 +251,13 @@ $arrow-border-position: $arrow-size * -2;
 }
 
 @mixin using-keyboard {
-  // stylelint-disable
-  .using-keyboard
-    *:not([type="text"]):not([type="email"]):not([type="password"]):not([type="search"]):not([type="url"]):not(textarea):not(select):focus {
+  $inputs: "";
+
+  @each $type in $input-field-types {
+    $inputs: $inputs + ':not([type="#{$type}"])';
+  }
+
+  .using-keyboard *#{$inputs}:not(textarea):not(select):focus {
     outline: $global-outline-using-keyboard !important;
   }
-  // stylelint-enable
 }