JSFiddle - React, Tailwind, and code Playground

by katsunory

HTML

<p>フォントサイズが画面幅に応じて拡縮します</p>

SCSS

@function get_vw($size, $viewport:320){
  $rate: 100 / $viewport;
  @return $rate * $size * 1vw;
}

@mixin fz_vw($font_size:10){
  font-size: $font_size * 1px;
  font-size: get_vw($font_size);
}

p{
  @include fz_vw(13);
}