rework-css-prefix
Add a class prefix to further sandbox CSS styling for third-party imports.
This is a fix version from johnotander/rework-class-prefix https://github.com/johnotander/rework-class-prefix
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-css-prefix
and result in something like .a-media
and .b-media
.
Example input
[
Example output
cssPrefix('flx-')
[
Installation
npm install --save rework-css-prefix
Usage
var fs = rework = cssPrfx = ; var css = fs;var out = ;
In a gulpfile
var gulp = name = rework = reworkNPM = cssPrefix = ; gulp;
ignored
option
Using the var fs = rework = cssPrfx = ; var css = fs;var out = ;
License
MIT
Acknowledgements
- johnotander/rework-class-prefix https://github.com/johnotander/rework-class-prefix.
- 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