| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109 |
- # [postcss][postcss]-merge-rules [][ci] [][npm] [][deps]
- > Merge CSS rules with PostCSS.
- ## Install
- With [npm](https://npmjs.org/package/postcss-merge-rules) do:
- ```
- npm install postcss-merge-rules --save
- ```
- ## Examples
- This module will attempt to merge *adjacent* CSS rules:
- ### By declarations
- #### Input
- ```css
- a {
- color: blue;
- font-weight: bold
- }
- p {
- color: blue;
- font-weight: bold
- }
- ```
- #### Output
- ```css
- a,p {
- color: blue;
- font-weight: bold
- }
- ```
- ### By selectors
- #### Input
- ```css
- a {
- color: blue
- }
- a {
- font-weight: bold
- }
- ```
- #### Output
- ```css
- a {
- color: blue;
- font-weight: bold
- }
- ```
- ### By partial declarations
- #### Input
- ```css
- a {
- font-weight: bold
- }
- p {
- color: blue;
- font-weight: bold
- }
- ```
- #### Output
- ```css
- a,p {
- font-weight: bold
- }
- p {
- color: blue
- }
- ```
- ## Usage
- See the [PostCSS documentation](https://github.com/postcss/postcss#usage) 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](http://beneb.info)
- [ci]: https://travis-ci.org/ben-eb/postcss-merge-rules
- [deps]: https://gemnasium.com/ben-eb/postcss-merge-rules
- [npm]: http://badge.fury.io/js/postcss-merge-rules
- [postcss]: https://github.com/postcss/postcss
|