css-viewport-units-transform
v0.10.3
Published
Transform CSS viewport units of a style object to pixels based on window dimensions
Downloads
5,433
Maintainers
Readme
css-viewport-units-transform
Transform CSS viewport units of a Javascript style object to pixels based on window dimensions.
Supports vw
, vh
, vmin
and vmax
units.
import { transform } from "css-viewport-units-transform";
// or const transform = require("css-viewport-units-transform").transform;
transform(
{
fontSize: "10vw"
},
{
width: 480,
height: 100
}
);
↓ ↓ ↓ ↓ ↓ ↓
{
fontSize: 48;
}
or
transform(
{
myClass: {
fontSize: "10vh"
}
},
{
width: 480,
height: 100
}
);
↓ ↓ ↓ ↓ ↓ ↓
{
myClass: {
fontSize: 10,
}
}
Dependencies
- None