@thedutchcoder/postcss-rem-to-px
Advanced tools
Weekly downloads
Readme
PostCSS plugin to convert rem
values to px
values.
.foo {
margin: 2rem;
}
.foo {
margin: 32px;
}
Step 1: Install plugin:
npm install --save-dev postcss postcss-rem-to-px
Step 2: Check you project for an existing PostCSS config: postcss.config.js
in the project root, "postcss"
section in package.json
or postcss
in bundle config.
If you do not use PostCSS, add it according to official docs and set this plugin in settings.
Step 3: Add the plugin to plugins list:
module.exports = {
plugins: [
+ require('@thedutchcoder/postcss-rem-to-px'),
require('autoprefixer')
]
}
You can set a baseValue
to represent the body's root pixel value for font-size
, which is the base for rem
values. The default baseValue
is 16.
module.exports = {
plugins: [
+ require('@thedutchcoder/postcss-rem-to-px', { baseValue: 10 }),
require('autoprefixer')
]
}
FAQs
PostCSS plugin to convert rem values to px values
The npm package @thedutchcoder/postcss-rem-to-px receives a total of 702 weekly downloads. As such, @thedutchcoder/postcss-rem-to-px popularity was classified as not popular.
We found that @thedutchcoder/postcss-rem-to-px demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket installs a Github app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.