54 lines
1.0 KiB
Markdown
54 lines
1.0 KiB
Markdown
|
# [postcss][postcss]-minify-gradients
|
||
|
|
|
||
|
|
> Minify gradient parameters with PostCSS.
|
||
|
|
|
||
|
|
## Install
|
||
|
|
|
||
|
|
With [npm](https://npmjs.org/package/postcss-minify-gradients) do:
|
||
|
|
|
||
|
|
```
|
||
|
|
npm install postcss-minify-gradients
|
||
|
|
```
|
||
|
|
|
||
|
|
|
||
|
|
## Example
|
||
|
|
|
||
|
|
Where possible, this module will minify gradient parameters. It can convert
|
||
|
|
linear gradient directional syntax to angles, remove the unnecessary `0%` and
|
||
|
|
`100%` start and end values, and minimise color stops that use the same length
|
||
|
|
values (the browser will adjust the value automatically).
|
||
|
|
|
||
|
|
### Input
|
||
|
|
|
||
|
|
```css
|
||
|
|
h1 {
|
||
|
|
background: linear-gradient(to bottom, #ffe500 0%, #ffe500 50%, #121 50%, #121 100%)
|
||
|
|
}
|
||
|
|
```
|
||
|
|
|
||
|
|
### Output
|
||
|
|
|
||
|
|
```css
|
||
|
|
h1 {
|
||
|
|
background: linear-gradient(180deg, #ffe500, #ffe500 50%, #121 0, #121)
|
||
|
|
}
|
||
|
|
```
|
||
|
|
|
||
|
|
|
||
|
|
## 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
|