// stylelint-disable max-line-length
@use 'sass:math';

// Easy CSS Clamp SCSS function
// @source https://dev.to/christianmay21/easy-css-clamp-scss-mixin-1225
// Usage: font-size: clamp-calc(480px, 640px, 12px, 16px);
@function clamp-calc($min-width, $max-width, $size-at-min-width, $size-at-max-width) {
  $slope: math.div($size-at-max-width - $size-at-min-width, $max-width - $min-width) or calc(($size-at-max-width - $size-at-min-width) / ($max-width - $min-width));
  $y-axis-intersection: -1 * $min-width * $slope + $size-at-min-width;
  $return-value: clamp(#{$size-at-min-width}, #{$y-axis-intersection} + #{$slope} * 100vw, #{$size-at-max-width});

  @return $return-value;
}