1.0.0 • Published 6 years ago

postcss-plugin-vwtorem v1.0.0

Weekly downloads
1
License
MIT
Repository
github
Last release
6 years ago

PostCSS Plugin Vwtorem Build Status

PostCSS plugin 将 vw 转换成 vw、rem 并存,修改自 https://github.com/gaoxmstyle/postcss-plugin-pxtoviewport.

/* Input */
.foo {
    margin: 1vw;
    padding: 2vw;
}

/* Output */
.foo {
    margin: 0.23438rem;
    margin: 1vw;
    padding: 0.46875rem;
    padding: 2vw;
}

Usage

postcss([ require('postcss-plugin-vwtorem', {}) ])

Default Options

{
    viewportWidth: 375,         // 默认 viewport 宽度
    unitPrecision: 5,           // 保留小数点之后位数
    rootValue: 16,              // 转换为 rem 的基础字号
    keepVw: true,               // 是否保留 vw,默认保留
    selectorBlackList: []       // 黑名单,用于忽略转换为 vw
}

See PostCSS docs for examples for your environment.