{"_id":"@csstools/postcss-color-mix-variadic-function-arguments","_rev":"4266069","name":"@csstools/postcss-color-mix-variadic-function-arguments","description":"Mix any number of colors with the color-mix function in CSS","dist-tags":{"latest":"2.0.2"},"maintainers":[{"name":"alaguna","email":"a.laguna@funcion13.com"},{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},{"name":"romainmenke","email":""}],"time":{"modified":"2026-04-06T16:28:13.000Z","created":"2025-05-27T10:53:15.035Z","2.0.2":"2026-02-21T15:08:14.020Z","2.0.1":"2026-01-25T13:05:03.073Z","2.0.0":"2026-01-14T07:36:23.452Z","1.0.2":"2025-09-21T14:37:03.171Z","1.0.1":"2025-08-22T19:53:12.742Z","1.0.0":"2025-05-27T10:53:15.035Z"},"users":{},"repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-color-mix-variadic-function-arguments"},"versions":{"2.0.2":{"name":"@csstools/postcss-color-mix-variadic-function-arguments","description":"Mix any number of colors with the color-mix function in CSS","version":"2.0.2","contributors":[{"name":"Antonio Laguna","email":"antonio@laguna.es","url":"https://antonio.laguna.es"},{"name":"Romain Menke","email":"romainmenke@gmail.com"}],"license":"MIT-0","funding":[{"type":"github","url":"https://github.com/sponsors/csstools"},{"type":"opencollective","url":"https://opencollective.com/csstools"}],"engines":{"node":">=20.19.0"},"type":"module","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"}},"dependencies":{"@csstools/css-color-parser":"^4.0.2","@csstools/css-parser-algorithms":"^4.0.0","@csstools/css-tokenizer":"^4.0.0","@csstools/postcss-progressive-custom-properties":"^5.0.0","@csstools/utilities":"^3.0.0"},"peerDependencies":{"postcss":"^8.4"},"scripts":{},"homepage":"https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-mix-variadic-function-arguments#readme","repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-color-mix-variadic-function-arguments"},"bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"keywords":["color-mix","css","interpolation","postcss-plugin","syntax","variadic"],"gitHead":"7f9802348d0e6db8ee529478aa103ec4a895a76e","_id":"@csstools/postcss-color-mix-variadic-function-arguments@2.0.2","_nodeVersion":"25.1.0","_npmVersion":"11.6.2","dist":{"shasum":"58718da8592acc15d4bd587f102872d255142483","size":3122,"noattachment":false,"key":"/@csstools/postcss-color-mix-variadic-function-arguments/-/@csstools/postcss-color-mix-variadic-function-arguments-2.0.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/@csstools/postcss-color-mix-variadic-function-arguments/download/@csstools/postcss-color-mix-variadic-function-arguments-2.0.2.tgz"},"_npmUser":{"name":"romainmenke","email":"romainmenke@gmail.com"},"directories":{},"maintainers":[{"name":"alaguna","email":"a.laguna@funcion13.com"},{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},{"name":"romainmenke","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/postcss-color-mix-variadic-function-arguments_2.0.2_1771686493849_0.06924027623147855"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2026-02-21T15:08:14.020Z","publish_time":1771686494020,"_source_registry_name":"default","_cnpm_publish_time":1771686494020},"2.0.1":{"name":"@csstools/postcss-color-mix-variadic-function-arguments","description":"Mix any number of colors with the color-mix function in CSS","version":"2.0.1","contributors":[{"name":"Antonio Laguna","email":"antonio@laguna.es","url":"https://antonio.laguna.es"},{"name":"Romain Menke","email":"romainmenke@gmail.com"}],"license":"MIT-0","funding":[{"type":"github","url":"https://github.com/sponsors/csstools"},{"type":"opencollective","url":"https://opencollective.com/csstools"}],"engines":{"node":">=20.19.0"},"type":"module","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"}},"dependencies":{"@csstools/css-color-parser":"^4.0.1","@csstools/css-parser-algorithms":"^4.0.0","@csstools/css-tokenizer":"^4.0.0","@csstools/postcss-progressive-custom-properties":"^5.0.0","@csstools/utilities":"^3.0.0"},"peerDependencies":{"postcss":"^8.4"},"scripts":{},"homepage":"https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-mix-variadic-function-arguments#readme","repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-color-mix-variadic-function-arguments"},"bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"keywords":["color-mix","css","interpolation","postcss-plugin","syntax","variadic"],"gitHead":"1854bc62291f42f8eb44a5afb1d3e771a5b11d26","_id":"@csstools/postcss-color-mix-variadic-function-arguments@2.0.1","_nodeVersion":"25.1.0","_npmVersion":"11.6.2","dist":{"shasum":"8e8cdd403609ac4b1ea2b95aad2da88a684d80ed","size":3122,"noattachment":false,"key":"/@csstools/postcss-color-mix-variadic-function-arguments/-/@csstools/postcss-color-mix-variadic-function-arguments-2.0.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/@csstools/postcss-color-mix-variadic-function-arguments/download/@csstools/postcss-color-mix-variadic-function-arguments-2.0.1.tgz"},"_npmUser":{"name":"romainmenke","email":"romainmenke@gmail.com"},"directories":{},"maintainers":[{"name":"alaguna","email":"a.laguna@funcion13.com"},{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},{"name":"romainmenke","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/postcss-color-mix-variadic-function-arguments_2.0.1_1769346302943_0.0443114848050048"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2026-01-25T13:05:03.073Z","publish_time":1769346303073,"_source_registry_name":"default","_cnpm_publish_time":1769346303073},"2.0.0":{"name":"@csstools/postcss-color-mix-variadic-function-arguments","description":"Mix any number of colors with the color-mix function in CSS","version":"2.0.0","contributors":[{"name":"Antonio Laguna","email":"antonio@laguna.es","url":"https://antonio.laguna.es"},{"name":"Romain Menke","email":"romainmenke@gmail.com"}],"license":"MIT-0","funding":[{"type":"github","url":"https://github.com/sponsors/csstools"},{"type":"opencollective","url":"https://opencollective.com/csstools"}],"engines":{"node":">=20.19.0"},"type":"module","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"}},"dependencies":{"@csstools/css-color-parser":"^4.0.0","@csstools/css-parser-algorithms":"^4.0.0","@csstools/css-tokenizer":"^4.0.0","@csstools/postcss-progressive-custom-properties":"^5.0.0","@csstools/utilities":"^3.0.0"},"peerDependencies":{"postcss":"^8.4"},"scripts":{},"homepage":"https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-mix-variadic-function-arguments#readme","repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-color-mix-variadic-function-arguments"},"bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"keywords":["color-mix","css","interpolation","postcss-plugin","syntax","variadic"],"gitHead":"32e40879f3ce0b82272f94e914b7edac21b59940","_id":"@csstools/postcss-color-mix-variadic-function-arguments@2.0.0","_nodeVersion":"25.1.0","_npmVersion":"11.6.2","dist":{"shasum":"0b5a5a175b8cf3881c971a2c40cf1280fe9486c7","size":3292,"noattachment":false,"key":"/@csstools/postcss-color-mix-variadic-function-arguments/-/@csstools/postcss-color-mix-variadic-function-arguments-2.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/@csstools/postcss-color-mix-variadic-function-arguments/download/@csstools/postcss-color-mix-variadic-function-arguments-2.0.0.tgz"},"_npmUser":{"name":"romainmenke","email":"romainmenke@gmail.com"},"directories":{},"maintainers":[{"name":"alaguna","email":"a.laguna@funcion13.com"},{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},{"name":"romainmenke","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/postcss-color-mix-variadic-function-arguments_2.0.0_1768376183313_0.3625713420779324"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2026-01-14T07:36:23.452Z","publish_time":1768376183452,"_source_registry_name":"default","_cnpm_publish_time":1768376183452},"1.0.2":{"name":"@csstools/postcss-color-mix-variadic-function-arguments","description":"Mix any number of colors with the color-mix function in CSS","version":"1.0.2","contributors":[{"name":"Antonio Laguna","email":"antonio@laguna.es","url":"https://antonio.laguna.es"},{"name":"Romain Menke","email":"romainmenke@gmail.com"}],"license":"MIT-0","funding":[{"type":"github","url":"https://github.com/sponsors/csstools"},{"type":"opencollective","url":"https://opencollective.com/csstools"}],"engines":{"node":">=18"},"type":"module","main":"dist/index.cjs","module":"dist/index.mjs","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"require":{"default":"./dist/index.cjs"}}},"dependencies":{"@csstools/css-color-parser":"^3.1.0","@csstools/css-parser-algorithms":"^3.0.5","@csstools/css-tokenizer":"^3.0.4","@csstools/postcss-progressive-custom-properties":"^4.2.1","@csstools/utilities":"^2.0.0"},"peerDependencies":{"postcss":"^8.4"},"scripts":{},"homepage":"https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-mix-variadic-function-arguments#readme","repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-color-mix-variadic-function-arguments"},"bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"keywords":["color-mix","css","interpolation","postcss-plugin","syntax","variadic"],"_id":"@csstools/postcss-color-mix-variadic-function-arguments@1.0.2","gitHead":"40dc64c30a79b39f58eec2bbec2ddf96f4b6db3c","types":"./dist/index.d.ts","_nodeVersion":"24.4.0","_npmVersion":"11.4.2","dist":{"shasum":"b4012b62a4eaa24d694172bb7137f9d2319cb8f2","size":3424,"noattachment":false,"key":"/@csstools/postcss-color-mix-variadic-function-arguments/-/@csstools/postcss-color-mix-variadic-function-arguments-1.0.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/@csstools/postcss-color-mix-variadic-function-arguments/download/@csstools/postcss-color-mix-variadic-function-arguments-1.0.2.tgz"},"_npmUser":{"name":"romainmenke","email":"romainmenke@gmail.com"},"directories":{},"maintainers":[{"name":"alaguna","email":"a.laguna@funcion13.com"},{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},{"name":"romainmenke","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/postcss-color-mix-variadic-function-arguments_1.0.2_1758465422967_0.16792369511268812"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2025-09-21T14:37:03.171Z","publish_time":1758465423171,"_source_registry_name":"default","_cnpm_publish_time":1758465423171},"1.0.1":{"name":"@csstools/postcss-color-mix-variadic-function-arguments","description":"Mix any number of colors with the color-mix function in CSS","version":"1.0.1","contributors":[{"name":"Antonio Laguna","email":"antonio@laguna.es","url":"https://antonio.laguna.es"},{"name":"Romain Menke","email":"romainmenke@gmail.com"}],"license":"MIT-0","funding":[{"type":"github","url":"https://github.com/sponsors/csstools"},{"type":"opencollective","url":"https://opencollective.com/csstools"}],"engines":{"node":">=18"},"type":"module","main":"dist/index.cjs","module":"dist/index.mjs","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"require":{"default":"./dist/index.cjs"}}},"dependencies":{"@csstools/css-color-parser":"^3.1.0","@csstools/css-parser-algorithms":"^3.0.5","@csstools/css-tokenizer":"^3.0.4","@csstools/postcss-progressive-custom-properties":"^4.2.0","@csstools/utilities":"^2.0.0"},"peerDependencies":{"postcss":"^8.4"},"scripts":{},"homepage":"https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-mix-variadic-function-arguments#readme","repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-color-mix-variadic-function-arguments"},"bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"keywords":["color-mix","css","interpolation","postcss-plugin","syntax","variadic"],"_id":"@csstools/postcss-color-mix-variadic-function-arguments@1.0.1","gitHead":"7fd628649c0031abe3ffe3a7fece9caa44b2a437","types":"./dist/index.d.ts","_nodeVersion":"24.4.0","_npmVersion":"11.4.2","dist":{"shasum":"2dd9d66ded0d41cd7b2c13a1188f03e894c17d7e","size":3447,"noattachment":false,"key":"/@csstools/postcss-color-mix-variadic-function-arguments/-/@csstools/postcss-color-mix-variadic-function-arguments-1.0.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/@csstools/postcss-color-mix-variadic-function-arguments/download/@csstools/postcss-color-mix-variadic-function-arguments-1.0.1.tgz"},"_npmUser":{"name":"romainmenke","email":"romainmenke@gmail.com"},"directories":{},"maintainers":[{"name":"alaguna","email":"a.laguna@funcion13.com"},{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},{"name":"romainmenke","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/postcss-color-mix-variadic-function-arguments_1.0.1_1755892392554_0.41331621893697745"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2025-08-22T19:53:12.742Z","publish_time":1755892392742,"_source_registry_name":"default","_cnpm_publish_time":1755892392742},"1.0.0":{"name":"@csstools/postcss-color-mix-variadic-function-arguments","description":"Mix any number of colors with the color-mix function in CSS","version":"1.0.0","contributors":[{"name":"Antonio Laguna","email":"antonio@laguna.es","url":"https://antonio.laguna.es"},{"name":"Romain Menke","email":"romainmenke@gmail.com"}],"license":"MIT-0","funding":[{"type":"github","url":"https://github.com/sponsors/csstools"},{"type":"opencollective","url":"https://opencollective.com/csstools"}],"engines":{"node":">=18"},"type":"module","main":"dist/index.cjs","module":"dist/index.mjs","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"require":{"default":"./dist/index.cjs"}}},"dependencies":{"@csstools/css-color-parser":"^3.0.10","@csstools/css-parser-algorithms":"^3.0.5","@csstools/css-tokenizer":"^3.0.4","@csstools/postcss-progressive-custom-properties":"^4.1.0","@csstools/utilities":"^2.0.0"},"peerDependencies":{"postcss":"^8.4"},"scripts":{},"homepage":"https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-mix-variadic-function-arguments#readme","repository":{"type":"git","url":"git+https://github.com/csstools/postcss-plugins.git","directory":"plugins/postcss-color-mix-variadic-function-arguments"},"bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"keywords":["color-mix","css","interpolation","postcss-plugin","syntax","variadic"],"_id":"@csstools/postcss-color-mix-variadic-function-arguments@1.0.0","gitHead":"3ba739b1881b2af2d80bc8c1f48835f538d53d28","types":"./dist/index.d.ts","_nodeVersion":"22.12.0","_npmVersion":"10.9.0","dist":{"shasum":"0b29cb9b4630d7ed68549db265662d41554a17ed","size":3417,"noattachment":false,"key":"/@csstools/postcss-color-mix-variadic-function-arguments/-/@csstools/postcss-color-mix-variadic-function-arguments-1.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/@csstools/postcss-color-mix-variadic-function-arguments/download/@csstools/postcss-color-mix-variadic-function-arguments-1.0.0.tgz"},"_npmUser":{"name":"romainmenke","email":"romainmenke@gmail.com"},"directories":{},"maintainers":[{"name":"alaguna","email":"a.laguna@funcion13.com"},{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},{"name":"romainmenke","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/postcss-color-mix-variadic-function-arguments_1.0.0_1748343194843_0.13468154049693748"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2025-05-27T10:53:15.035Z","publish_time":1748343195035,"_source_registry_name":"default","_cnpm_publish_time":1748343195035}},"readme":"# PostCSS Color Mix Variadic Function Arguments [<img src=\"https://postcss.github.io/postcss/logo.svg\" alt=\"PostCSS Logo\" width=\"90\" height=\"90\" align=\"right\">][PostCSS]\n\n`npm install @csstools/postcss-color-mix-variadic-function-arguments --save-dev`\n\n[PostCSS Color Mix Variadic Function Arguments] lets you use the `color-mix()` function with any number of arguments following the [CSS Color 5 Specification].\n\n```css\n.red {\n\tcolor: color-mix(in srgb, red);\n}\n\n.grey {\n\tcolor: color-mix(in srgb, red, lime, blue);\n}\n\n/* becomes */\n\n.red {\n\tcolor: rgb(255, 0, 0);\n}\n\n.grey {\n\tcolor: rgb(85, 85, 85);\n}\n```\n\n> [!NOTE]\n> We can not dynamically resolve `var()` arguments in `color-mix()`, only static values will work.\n\n## Usage\n\nAdd [PostCSS Color Mix Variadic Function Arguments] to your project:\n\n```bash\nnpm install postcss @csstools/postcss-color-mix-variadic-function-arguments --save-dev\n```\n\nUse it as a [PostCSS] plugin:\n\n```js\nconst postcss = require('postcss');\nconst postcssColorMixVariadicFunctionArguments = require('@csstools/postcss-color-mix-variadic-function-arguments');\n\npostcss([\n\tpostcssColorMixVariadicFunctionArguments(/* pluginOptions */)\n]).process(YOUR_CSS /*, processOptions */);\n```\n\n\n\n## Options\n\n### preserve\n\nThe `preserve` option determines whether the original notation\nis preserved. By default, it is not preserved.\n\n```js\npostcssColorMixVariadicFunctionArguments({ preserve: true })\n```\n\n```css\n.red {\n\tcolor: color-mix(in srgb, red);\n}\n\n.grey {\n\tcolor: color-mix(in srgb, red, lime, blue);\n}\n\n/* becomes */\n\n.red {\n\tcolor: rgb(255, 0, 0);\n\tcolor: color-mix(in srgb, red);\n}\n\n.grey {\n\tcolor: rgb(85, 85, 85);\n\tcolor: color-mix(in srgb, red, lime, blue);\n}\n```\n\n[cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test\n[css-url]: https://cssdb.org/#color-mix-variadic-function-arguments\n[discord]: https://discord.gg/bUadyRwkJS\n[npm-url]: https://www.npmjs.com/package/@csstools/postcss-color-mix-variadic-function-arguments\n\n[PostCSS]: https://github.com/postcss/postcss\n[PostCSS Color Mix Variadic Function Arguments]: https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-mix-variadic-function-arguments\n[CSS Color 5 Specification]: https://www.w3.org/TR/css-color-5/#color-mix\n","_attachments":{},"homepage":"https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-mix-variadic-function-arguments#readme","bugs":{"url":"https://github.com/csstools/postcss-plugins/issues"},"license":"MIT-0"}