7f2dd5260f
- Complete React app with 7 developer tools - JSON Tool with visual structured editor - Serialize Tool with visual structured editor - URL, Base64, CSV/JSON, Beautifier, Diff tools - Responsive navigation with dropdown menu - Dark/light mode toggle - Mobile-responsive design with sticky header - All tools working with copy/paste functionality
106 lines
1.1 KiB
Markdown
106 lines
1.1 KiB
Markdown
# [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
|