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.