_text.scss in foundation-rails-6.4.1.0

- old
+ new

@@ -24,10 +24,14 @@
 
 /// Font weight of text inputs.
 /// @type Keyword
 $input-font-weight: $global-weight-normal !default;
 
+/// Line height of text inputs.
+/// @type Keyword
+$input-line-height: $global-lineheight !default;
+
 /// Background color of text inputs.
 /// @type Color
 $input-background: $white !default;
 
 /// Background color of focused of text inputs.
@@ -44,10 +48,14 @@
 
 /// Border around focused text inputs.
 /// @type Color
 $input-border-focus: 1px solid $dark-gray !default;
 
+/// Padding of text inputs.
+/// @type Color
+$input-padding: $form-spacing / 2 !default;
+
 /// Box shadow inside text inputs when not focused.
 /// @type Shadow
 $input-shadow: inset 0 1px 2px rgba($black, 0.1) !default;
 
 /// Box shadow outside text inputs when focused.
@@ -73,26 +81,27 @@
 /// Border radius for form buttons, defaulted to global-radius.
 /// @type Number
 $form-button-radius: $global-radius !default;
 
 @mixin form-element {
-  $height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1));
+  $height: ($input-font-size * unitless-calc($input-line-height)) + (get-side($input-padding, 'top') + get-side($input-padding, 'bottom')) - rem-calc(1);
 
   display: block;
   box-sizing: border-box;
   width: 100%;
   height: $height;
   margin: 0 0 $form-spacing;
-  padding: $form-spacing / 2;
+  padding: $input-padding;
 
   border: $input-border;
   border-radius: $input-radius;
   background-color: $input-background;
   box-shadow: $input-shadow;
 
   font-family: $input-font-family;
   font-size: $input-font-size;
   font-weight: $input-font-weight;
+  line-height: $input-line-height;
   color: $input-color;
 
   @if has-value($input-transition) {
     transition: $input-transition;
   }