Fluid SCSS function

fluid-shizzle.scss

@function strip-unit($number) {
  @if type-of($number) == "number" and not unitless($number) {
    @return $number / ($number * 0 + 1);
  }
  @return $number;
}

@function fluid(
  $startValue,
  $endValue,
  $minViewportWidth: $minVW,
  $maxViewportWidth: $maxVW,
  $remify: false
) {
  $minValue: $startValue;
  $maxValue: $endValue;

  @if $endValue < $startValue {
    $minValue: $endValue;
    $maxValue: $startValue;
  }

  $additionalSize: #{strip-unit($minViewportWidth) / 100}px;
  $startSize: remify($startValue, $remify);
  $endSize: remify($endValue, $remify);
  $calc: #{calc(
      #{$startSize} + ((#{1vw} - #{$additionalSize}) * #{100 * ($endValue - $startValue) /
            ($maxViewportWidth - $minViewportWidth)})
    )};

  @return clamp(#{remify($minViewportWidth, $remify)}, #{$calc}, #{remify($maxValue, $remify)});
}

@function fluid-font($minValue, $maxValue, $minViewportWidth: $minVW, $maxViewportWidth: $maxVW) {
  @return fluid(
    $minValue,
    $maxValue,
    $minViewportWidth: $minVW,
    $maxViewportWidth: $maxVW,
    $remify: true
  );
}