51 lines
882 B
Markdown
51 lines
882 B
Markdown
# [postcss][postcss]-merge-longhand
|
|
|
|
> Merge longhand properties into shorthand with PostCSS.
|
|
|
|
## Install
|
|
|
|
With [npm](https://npmjs.org/package/postcss-merge-longhand) do:
|
|
|
|
```
|
|
npm install postcss-merge-longhand --save
|
|
```
|
|
|
|
## Example
|
|
|
|
Merge longhand properties into shorthand; works with `margin`, `padding` &
|
|
`border`. For more examples see the [tests](src/__tests__/index.js).
|
|
|
|
### Input
|
|
|
|
```css
|
|
h1 {
|
|
margin-top: 10px;
|
|
margin-right: 20px;
|
|
margin-bottom: 10px;
|
|
margin-left: 20px;
|
|
}
|
|
```
|
|
|
|
### Output
|
|
|
|
```css
|
|
h1 {
|
|
margin: 10px 20px;
|
|
}
|
|
```
|
|
|
|
## 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
|