Package Exports

postcss-class-repeat

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (postcss-class-repeat) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

postcss-class-repeat

Repeat class selectors to increase specificity, useful for using utility classes with legacy codebases with high specificity

Installation

npm install --save postcss-class-repeat

Usage

var postcss = require('postcss')
var classRepeat = require('postcss-class-repeat')

postcss([ classRepeat() ]).process(myCss).css

Input

.foo.bar,
.baz:before {
  color: tomato;
}

.hello > .world {
  background-color: tomato;
}

@media screen and (min-width: 123em) {
  .yay { color: red; }
}

Output

.foo.foo.bar.bar,
.baz.baz:before {
  color: tomato;
}

.hello.hello > .world.world {
  background-color: tomato;
}

@media screen and (min-width: 123em) {
  .yay.yay { color: red; }
}

Options

repeat: Number, amount of times to repeat the class selectors. Default: 2

Using custom options

var postcss = require('postcss')
var classRepeat = require('postcss-class-repeat')

postcss([ classRepeat({ repeat: 4 }) ]).process(myCss).css

.foo.foo.foo.foo.bar.bar.bar.bar,
.baz:before.baz:before.baz:before.baz:before {
  color: tomato;
}

.hello.hello.hello.hello > .world.world.world.world {
  background-color: tomato;
}

@media screen and (min-width: 123em) {
  .yay.yay.yay.yay { color: red; }
}

https://github.com/johnotander/class-repeat

License

MIT

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).

This package was initially generated with yeoman and the p generator.