| # [postcss][postcss]-merge-rules |
| |
| > 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. |
| |
| ## Contributors |
| |
| See [CONTRIBUTORS.md](https://github.com/cssnano/cssnano/blob/master/CONTRIBUTORS.md). |
| |
| ## License |
| |
| MIT © [Ben Briggs](http://beneb.info) |
| |
| [postcss]: https://github.com/postcss/postcss |