innovationDriveApp/node_modules/postcss-merge-rules
2018-07-08 22:49:17 +10:00
..
dist added Now Ui react dashboard with logo 2018-07-08 19:21:40 +10:00
node_modules deleted homepage in package.json 2018-07-08 22:49:17 +10:00
CHANGELOG.md added Now Ui react dashboard with logo 2018-07-08 19:21:40 +10:00
LICENSE-MIT added Now Ui react dashboard with logo 2018-07-08 19:21:40 +10:00
package.json deleted homepage in package.json 2018-07-08 22:49:17 +10:00
README.md added Now Ui react dashboard with logo 2018-07-08 19:21:40 +10:00

postcss-merge-rules Build Status NPM version Dependency Status

Merge CSS rules with PostCSS.

Install

With npm do:

npm install postcss-merge-rules --save

Examples

This module will attempt to merge adjacent CSS rules:

By declarations

Input

a {
    color: blue;
    font-weight: bold
}

p {
    color: blue;
    font-weight: bold
}

Output

a,p {
    color: blue;
    font-weight: bold
}

By selectors

Input

a {
    color: blue
}

a {
    font-weight: bold
}

Output

a {
    color: blue;
    font-weight: bold
}

By partial declarations

Input

a {
    font-weight: bold
}

p {
    color: blue;
    font-weight: bold
}

Output

a,p {
    font-weight: bold
}

p {
    color: blue
}

Usage

See the PostCSS documentation for examples for your environment.

Contributing

Pull requests are welcome. If you add functionality, then please add unit tests to cover it.

License

MIT © Ben Briggs