postcss-replace-values

Install

npm install --save postcss postcss-replace-values

Upgrade from v2 to v3

You now need to install postcss as a dependency in your project. This allows to update this on your own.

Simple Usage

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;
}

Regex Usage

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;
}

License

MIT