postcss-plugin-vwtorem

1.0.0 • Public • Published

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.

Package Sidebar

Install

npm i postcss-plugin-vwtorem

Weekly Downloads

2

Version

1.0.0

License

MIT

Unpacked Size

5.71 kB

Total Files

6

Last publish

Collaborators

  • lip2up
  • lip8up