Add height value for select elements to match text input height.

When changing the default $form-spacing, heights for select elements were not matching the input[type=text]'s, which looks inconsistent.

diff --git a/scss/foundation/components/_forms.scss b/scss/foundation/components/_forms.scss
index 6b5b5ba12753daf045788751299b81cd7dfdf93f..fceb8fe7f5f3f0e6d55ea181149a288b14fb168b 100644 (file)
--- a/scss/foundation/components/_forms.scss
+++ b/scss/foundation/components/_forms.scss
@@ -402,6 +402,11 @@ $select-bg-color: #fafafa;
           @include single-transition(all, 0.15s, linear);
       }
     }
+    
+    /* Add height value for select elements to match text input height */
+    select {
+      height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));
+    }
 
     /* Adjust margin for form elements below */
     input[type="file"],