История

SyncfusionBuild fc394c293a v20.4.0.38		2022-12-22 08:57:12 +00:00
..
dist	v20.4.0.38	2022-12-22 08:57:12 +00:00
CHANGELOG.md	v20.4.0.38	2022-12-22 08:57:12 +00:00
LICENSE-MIT	v20.4.0.38	2022-12-22 08:57:12 +00:00
README.md	v20.4.0.38	2022-12-22 08:57:12 +00:00
package.json	v20.4.0.38	2022-12-22 08:57:12 +00:00

README.md

postcss-minify-gradients

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!