PolyFluidSizing.scss

// https://github.com/Jakobud/poly-fluid-sizing

// @import 'node_modules/poly-fluid-sizing/poly-fluid-sizing';

@import 'poly-fluid-sizing'

@mixin fluid-font-size($from: 16px, $to: 16px) {
  @include poly-fluid-sizing('font-size', (
    320px: $from,
    1800px: $to,
  ));
}

// Use fluid-font-size() for interpolate font-size
// between 320px and 1800px viewport width
body {
  @include fluid-font-size(18px, 20px);
}

// Generated output:
body {
  font-size: 18px;
}

@media (min-width: 320px) {
  body {
    font-size: calc(.13514vw + 17.56757px);
  }
}

@media (min-width: 1800px) {
  body {
    font-size: 20px;
  }
}