Font Clamp calculator

clamp-calculator.scss

@use 'sass:math';

/**
 * Sass function, adapted from:
 * @link https://chrisburnell.com/clamp-calculator/
 */
@function fs-clamp($min-fs, $max-fs, $min-vw, $max-vw) {
  $x: div(
    ($max-fs - $min-fs),
    ($max-vw - $min-vw)
  );
  $y: $max-fs - $max-vw * $x;
  $calc: calc(#{rem($y)} + #{strip($x) * 100vw});

  @return clamp(#{$min-fs}, #{$calc}, #{$max-fs});
}

/** sass math.div fallback **/
@function div($a, $b) {
  @if (function-exists("div", "math")){ @return math.div($a, $b); }
  @return $a / $b;
}
/** basic rem function **/
@function rem($size, $base: 16px) {
  @return strip(div($size, $base)) * 1rem;
}
/** strip units **/
@function strip($v) {
  @return if(type-of($v) == 'number' and not unitless($v), div($v, ($v * 0 + 1)), $v);
}