postcss-pr

PostCSS plugin that defines a pr unit that transforms a value in px to output its equivalent in rem.

Write this:

1:root {
2  font: 16px / 1.5 "Helvetica", "Arial", sans-serif;
3}
4
5section {
6  margin-bottom: 24pr;
7  padding-top: 32pr;
8}

And get this:

1:root {
2  font: 16px / 1.5 "Helvetica", "Arial", sans-serif;
3}
4
5section {
6  margin-bottom: 1.5rem;
7  padding-top: 2rem;
8}

Installation

$ npm install postcss-pr

Usage

1postcss([ require('postcss-pr') ])

See PostCSS docs for examples for your environment.

Options

rootSelector

• Type: string
• Default: :root

The selector where the font-size is set.

unit

• Type: string
• Default: pr

The unit to be used in your CSS.

fontSize

• Type: number
• Default: 16

The default root font size. Used only when a font size definition in the root element is not found.

License

MIT - James Kolce