rework-class-prefix
Add a class prefix to further sandbox CSS styling for third-party imports.
This comes in handy when you want to import two different CSS modules that might
have conflictings styles. For example, if module A and module B both have a
.media
class selector that have different use cases, you can run them through
rework-class-prefix
and result in something like .a-media
and .b-media
.
Example input
Example output
classPrefix('flx-')
Installation
npm install --save rework-class-prefix
Usage
var fs = rework = classPrfx = ; var css = fs;var out = ;
In a gulpfile
var gulp = name = rework = reworkNPM = classPrefix = ; gulp;
ignored
option
Using the var fs = rework = classPrfx = ; var css = fs;var out = ;
License
MIT
Acknowledgements
- Leverages https://github.com/intesso/rework-walk.
- Built on top of https://github.com/reworkcss/rework.
Contributing
- Fork it
- Create your feature branch (
git checkout -b my-new-feature
) - Commit your changes (
git commit -am 'Add some feature'
) - Push to the branch (
git push origin my-new-feature
) - Create new Pull Request
Crafted with <3 by John Otander (@4lpine).