postcss-flexible
This is a postcss plugin for translating dpr(...)
, rem(...)
, url(...)
. Similar to px2rem, but using custom function istead of comments for syntax.
Usage
Webpack
moduleexports = module: loaders: test: /\.css$/ loader: "style-loader!css-loader!postcss-loader" { // remUnit defaults to 75 return remUnit: 75 }
Example
Before processing:
After processing:
[ [ [
options
desktop
: boolean, defaultfalse
baseDpr
: number, default2
remUnit
: number, default75
remPrecision
: number, default6
addPrefixToSelector
: functiondprList
: array, default[3, 2, 1]
fontGear
: array, default[-1, 0, 1, 2, 3, 4]
enableFontSetting
: boolean, defaultfalse
addFontSizeToSelector
: functionoutputCSSFile
: function
Change Log
0.5.0
- add: generate different css files with fontGear
- support custom
fontGear
- support custom
enableFontSetting
- support custom
addFontSizeToSelector
- support custom
outputCSSFile
0.4.0
- support custom
dprList
0.3.0
- add option
desktop
andaddPrefixToSelector
0.1.0
- handle
url()
0.0.3
- add
dpr()
andrem()
0.0.0
- First release.
License
MIT