Skip to content

Latest commit

 

History

History
87 lines (65 loc) · 1.29 KB

README.md

File metadata and controls

87 lines (65 loc) · 1.29 KB

postcss-replace-values

npm GitHub issues GitHub Workflow Status (with event)

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