vw-calc()

A Sass function that scales pixel-based value(s) proportionally and accessible.

Resize your screen and see it in action!
1440
375
Input: font-size: vw-calc(16 32);
Styled Output: font-size: [];
Computed Output: font-size: [];

This is a H1 heading

Input: font-size: vw-calc(12 18);
line-height: vw-calc(16 20);
Styled Output: font-size: [];
line-height: [];
Computed Output: font-size: [];
line-height: [];

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe inventore consequatur porro placeat, atque officiis vel aperiam qui ab illo nulla, voluptatum corrupti doloremque id at asperiores voluptate beatae neque.

Input: width: vw-calc(100 200);
height: vw-calc(100 200);
border-radius: vw-calc(6 12);
Styled Output: width: [];
height: [];
border-radius: [];
Computed Output: width: [];
height: [];
border-radius: [];