tagami-mio
1/28/2020 - 8:11 AM

size-scale-by-vw

画面に応じて拡大縮小できるようにvwにして返してくれる

size-scale-by-vw.scss
content_copyfile_download
// size
$pc-min-width: 1440px;
$tablet_max_width: 769px;
$sp_max_width: 375px;

@function pSize($value) {
  @return $value / $pc_min_width * 100 + vw;
}

@function tSize($value) {
  @return $value / $tablet_max_width * 100 + vw;
}

@function sSize($value) {
  @return $value / $sp_max_width * 100 + vw;
}