postcss-rows
A PostCSS plugin using the rows unit to represent vertical spacing from a design document.
Examples
Input:
.box {
margin-bottom: 20rows;
padding-top: 0.5rows;
}
Output:
p {
margin-bottom: 320px;
padding-top: 8px;
}
Options
Type: Object | Null
Default:
{
units: 'rows',
multiplier: '16'
}
-
units
(String) the name of the unit you want to use e.g. 20rows. -
multiplier
(Number) number of pixels each unit equates to.
Usage
Install:
npm install postcss-rows --save-dev
Then include the plugin:
postcss([ require('postcss-rows')(options) ])
See PostCSS docs for examples for your environment.
Licence
Released under the MIT license.