0.3.0 • Published 9 years ago
vcalc v0.3.0
vcalc is an Sass function for calculate unit from px to vw or vmin.
Install
$ npm install --save-dev vcalc@import 'vcalc';Set variable $base-v-size as you want, default sets 375 (iPhone6).
$base-v-size: 320;Useage
| Name | Arg1 | Arg2 |
|---|---|---|
| vmin-calc | $values: px based value | $base: base viewport size |
| vw-calc | $values: px based value | $base: base viewport size |
// $base-v-size: 375;
{
font-size: vmin-calc(16px);
}Will be 4.26667vmin, which means
| Screen width | 4.26667vmin In px | |
|---|---|---|
| 414px | 18px | |
| 375px | 16px | |
| 320px | 14px |
Also can pass multiple values
{
margin: vmin-calc(10px 20px 30px 40px);
}