// Defines input and button heights 
$height-by-size: (
  'extra-small' : 34px,
  'small' : 44px,
  'medium' : 48px,
  'large' : 56px,
);

@function height-size($name: 'small') {
  @return map-get($height-by-size, $name);
}

@mixin height-modifiers() {
  @each $size, $height in $height-by-size {
    &--#{$size} {
      height: $height;
    }
  }
}