Refactored HTML5 text input addon

Avoids upcoming SASS varialbe rescoping issues.

app/assets/stylesheets/addons/_html5-input-types.scss

@@ -20,29 +20,31 @@ $inputs-list: 'input[type="email"]',
               'input[type="time"]',
               'input[type="week"]';
 
-$unquoted-inputs-list: ();
-@each $input-type in $inputs-list {
-  $unquoted-inputs-list: append($unquoted-inputs-list, unquote($input-type), comma) !global;
-}
+@function assign-text-inputs($inputs, $pseudo: null) {
+  $list : ();
 
-$all-text-inputs: $unquoted-inputs-list;
+  @each $input in $inputs {
+    $input: unquote($input);
+    $input: if($pseudo, $input + ":" + $pseudo, $input);
+    $list: append($list, $input, comma);
+  }
 
+  @return $list;
+}
+
+// Bare inputs
+//************************************************************************//
+$all-text-inputs: assign-text-inputs($inputs-list);
 
 // Hover Pseudo-class
 //************************************************************************//
-$all-text-inputs-hover: ();
-@each $input-type in $unquoted-inputs-list {
-      $input-type-hover: $input-type + ":hover";
-      $all-text-inputs-hover: append($all-text-inputs-hover, $input-type-hover, comma) !global;
-}
+$all-text-inputs-hover: assign-text-inputs($inputs-list, hover);
 
 // Focus Pseudo-class
 //************************************************************************//
-$all-text-inputs-focus: ();
-@each $input-type in $unquoted-inputs-list {
-      $input-type-focus: $input-type + ":focus";
-      $all-text-inputs-focus: append($all-text-inputs-focus, $input-type-focus, comma) !global;
-}
+$all-text-inputs-focus: assign-text-inputs($inputs-list, focus);
+
+
 
 // You must use interpolation on the variable:
 // #{$all-text-inputs}