npm install --save postcss postcss-replace-values
You now need to install postcss
as a dependency in your project. This allows to update this on your own.
const postcss = require('postcss');
const replaceValuesPlugin = require('postcss-replace-values');
postcss()
.use(replaceValuesPlugin({
values: {
'#000': '#a00'
}
}))
Input CSS:
body {
color: #000;
}
Output CSS:
body {
color: #a00;
}
Only if the selector
is matching the regex, the value will be replaced.
const postcss = require('postcss');
const replaceValuesPlugin = require('postcss-replace-values');
postcss()
.use(replaceValuesPlugin({
values: {
'#000': { value: '#a00', selector: /btn/ }
}
}))
Input CSS:
body {
color: #000;
}
.btn {
color: #000;
}
Output CSS:
body {
color: #000;
}
.btn {
color: #a00;
}
MIT