3.0.0 • Published 2 years ago
postcss-prefixer v3.0.0
postcss-prefixer
A PostCSS plugin to prefix css selectors.
/* source css file */
#selector { /* content */ }
.selector { /* content */ }
.selector:hover { /* content */ }
.selector__element { /* content */ }
/* output css file prefixed with "prfx__" */
#prfx__selector { /* content */ }
.prfx__selector { /* content */ }
.prfx__selector:hover { /* content */ }
.prfx__selector__element { /* content */ }
Usage
npm i -D postcss postcss-prefixer
or yarn add -D postcss postcss-prefixer
create a postcss.config.js
with:
module.exports = {
plugins: [
require('postcss-prefixer')({ /* options */ })
]
}
Refer to PostCSS Usage on how to use it with your preferred build tool.
Example
const postcss = require('postcss');
const prefixer = require('postcss-prefixer');
const input = fs.readFileSync('path/to/file.css', 'utf-8');
const output = postcss([
prefixer({
prefix: 'prefix-',
ignore: [ /selector-/, '.ignore', '#ignore' ]
})
]).process(input);
Options
Name | Description |
---|---|
prefix (string) | prefix value to be used |
ignore (array) | list of selectors to ignore, accepts regex |
Credits
Plugin based on postcss-class-prefix create by thompsongl.
3.0.0
2 years ago
2.1.3
4 years ago
2.1.2
6 years ago
2.1.1
6 years ago
2.1.0
7 years ago
2.0.5
8 years ago
2.0.4
8 years ago
2.0.3
8 years ago
2.0.2
8 years ago
2.0.1
8 years ago
2.0.0
8 years ago
1.0.4
9 years ago
1.0.3
9 years ago
1.0.2
9 years ago
1.0.1
9 years ago
1.0.0
9 years ago
0.1.2
9 years ago
0.1.1
9 years ago
0.1.0
9 years ago