fardarter

// --------------------------- Font-scaling Algorithm ----------------------------
// For the general strategy: https://www.codementor.io/ricardozea/100-responsive-typography-system-using-a-modular-scale-s5rhft58g
// Explanation contained herein: https://www.madebymike.com.au/writing/precise-control-responsive-typography/

// -------------
// Min and max viewport sizes to apply the font scaling
$min_width: 320;
$max_width: 1400;
// --------------

fardarter

@mixin breakpoint($size) {
  @media only screen and (min-width: $size) {
    @content;
  }
}

$size1: 1em;
$size300: 18.75em;