<h1 class="section-title">SectionTitle fz16px〜(ビューポート幅1280の時50pxに達する)</h1>
@mixin maxFunction($property, $minVal, $baseVal, $viewport) {
  $rate: (100 / $viewport);
  $result: ($rate * $baseVal * 1vw);

  #{$property}: unquote('max(#{$result}, #{$minVal}px)');
}

.section-title {
  @include maxFunction('font-size', 16, 50, 1280);
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.