refs #23801 [finc] adding $form-control-height

* inherits from $navigation-element-default-height
* enables more specific overriding

themes/finc/scss/_customVariables.scss

@@ -368,6 +368,7 @@ $outline-default-style: solid !default;
 $validator-color: $brand-danger !default;
 
 $form-control-box-shadow: none !default;
+$form-control-height: $navigation-element-default-height !default;
 $form-control-xs-max-width: em(400px) !default;
 
 
@@ -464,7 +465,7 @@ $select-remove-standard-down-arrow-height: auto !default;
 $select-default-arrow: url('../../finc/images/arrow_down.svg') !default;
 $select-default-border-styles: $border-default-styles !default;
 $select-default-border-radius: 0 !default;
-$select-default-height: $navigation-element-default-height !default;
+$select-default-height: $form-control-height !default;
 $select-default-min-width: 5em !default;
 $select-default-padding: em(4px) em(20px) em(4px) em(7px) !default;
 

themes/finc/scss/components/_forms.scss

@@ -9,7 +9,7 @@
 // See also 'select.form-control' below
 .form-control {
   box-shadow: $form-control-box-shadow;
-  height: $navigation-element-default-height;
+  height: $form-control-height;
 
   @media (max-width: $screen-xs-max) {
     max-width: $form-control-xs-max-width;