node package manager
Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

postcss-minify-gradients

postcss-minify-gradients Build Status NPM version Dependency Status

Minify gradient parameters with PostCSS.

Install

With npm 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

h1 {
    background: linear-gradient(to bottom#ffe500 0%#ffe500 50%#121 50%#121 100%)
}

Output

h1 {
    background: linear-gradient(180deg#ffe500#ffe500 50%#121 0#121)
}

Usage

See the PostCSS documentation for examples for your environment.

Contributors

Thanks goes to these wonderful people (emoji key):


Ben Briggs

💻 📖 👀 ⚠️

Bogdan Chadkin

💻


🐛

Mikhail

🐛 💻 ⚠️

This project follows the all-contributors specification. Contributions of any kind welcome!

License

MIT © Ben Briggs