Postcss-px-adjust NPM

PostCSS Px Adjust

PostCSS plugin adjust px.

当我们按照设计规范产出一套样式库时，这个插件非常有用。比如设计规范是 @2x 的尺寸，那我们可以按照设计稿写下原始尺寸，再通过这个插件转换为需要的尺寸。

a {
    width: 250px;
    font: 24px / 36px red;
}
a::after {
    content: '';
    border: 1px solid #000;
}

a {
    width: 125px;
    font: 12px / 18px red;
}
a::after {
    content: '';
    border: 1px solid #000;
}

postcss([ require('postcss-px-adjust')(options) ])

options 是一个 Object，属性如下:

属性名	含义	值类型	默认值	示例
unit	匹配的单位	String 或 String[]	'px', 'pt', 'rpx'	'pp'
replace	匹配到的尺寸做替换	Function	(match, value, unit) => value + unit	(match, value, unit) => parseInt(value / 2) + unit
mediaQuery	是否处理媒体查询条件中的单位	Boolean	false	true

6 years ago

6 years ago

6 years ago