JSFiddle - React, Tailwind, and code Playground

by simoneast

HTML

<h1>Test Heading</h1>

SCSS

h1 {
  $min: 8px;
  $max: 16px;
  $minWidth: 320px;
  $maxWidth: 1200px;
  --scale-factor: calc((100vw - #{$minWidth}) / (#{$maxWidth} - #{$minWidth}));
  font-size: calc(min(max(--scalefactor, 0), 1) * ($max - $min) + $min);
}