Skip to content

Instantly share code, notes, and snippets.

@mio-U-M

mio-U-M/size-scale-by-vw.scss

Created February 22, 2020 17:06
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mio-U-M/50246aaea701f819538b02279f68d326 to your computer and use it in GitHub Desktop.
Save mio-U-M/50246aaea701f819538b02279f68d326 to your computer and use it in GitHub Desktop.
Download ZIP
画面に応じて拡大縮小できるようにvwにして返してくれる
Raw
size-scale-by-vw.scss
// 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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment