color-mix-variadic-function-arguments (#453)

romainmenke · web-flow · commit a405ba45f25c · 2025-05-27T11:46:19.000+02:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Changes to cssdb
 
+### 8.3.0 (May 26, 2025)
+
+- Added `color-mix-variadic-function-arguments`
+
 ### 8.2.6 (May 26, 2025)
 
 - Updated `@mdn/browser-compat-data` to `6.0.17`
diff --git a/README.md b/README.md
@@ -3,7 +3,7 @@
 [![NPM Version][npm-img]][npm-url]
 [![Build Status][cli-img]][cli-url]
 
-[cssdb] is a comprehensive list of CSS features and their positions in
+[cssdb] is a list of CSS features and their positions in
 the process of becoming implemented web standards.
 
 ---
diff --git a/cssdb.json b/cssdb.json
@@ -373,6 +373,23 @@
     "vendors_implementations": 3,
     "web-feature": "color-mix"
   },
+  {
+    "id": "color-mix-variadic-function-arguments",
+    "title": "`color-mix()` Function with 1+ arguments",
+    "description": "Mix any number of colors",
+    "specification": "https://www.w3.org/TR/css-color-5/#color-mix",
+    "stage": 2,
+    "browser_support": {},
+    "docs": {},
+    "example": "p {\n  color: color-mix(in lch, red, lime, blue);\n}",
+    "polyfills": [
+      {
+        "type": "PostCSS Plugin",
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-mix-variadic-function-arguments"
+      }
+    ],
+    "vendors_implementations": 0
+  },
   {
     "id": "container-queries",
     "title": "Container Queries",
diff --git a/cssdb.mjs b/cssdb.mjs
@@ -373,6 +373,23 @@ export default [
     "vendors_implementations": 3,
     "web-feature": "color-mix"
   },
+  {
+    "id": "color-mix-variadic-function-arguments",
+    "title": "`color-mix()` Function with 1+ arguments",
+    "description": "Mix any number of colors",
+    "specification": "https://www.w3.org/TR/css-color-5/#color-mix",
+    "stage": 2,
+    "browser_support": {},
+    "docs": {},
+    "example": "p {\n  color: color-mix(in lch, red, lime, blue);\n}",
+    "polyfills": [
+      {
+        "type": "PostCSS Plugin",
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-mix-variadic-function-arguments"
+      }
+    ],
+    "vendors_implementations": 0
+  },
   {
     "id": "container-queries",
     "title": "Container Queries",
diff --git a/cssdb.settings.json b/cssdb.settings.json
@@ -245,6 +245,23 @@
       }
     ]
   },
+  {
+    "id": "color-mix-variadic-function-arguments",
+    "title": "`color-mix()` Function with 1+ arguments",
+    "description": "Mix any number of colors",
+    "specification": "https://www.w3.org/TR/css-color-5/#color-mix",
+    "stage": 2,
+    "mdn_path": [],
+    "browser_support": {},
+    "docs": {},
+    "example": "p {\n  color: color-mix(in lch, red, lime, blue);\n}",
+    "polyfills": [
+      {
+        "type": "PostCSS Plugin",
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-mix-variadic-function-arguments"
+      }
+    ]
+  },
   {
     "id": "container-queries",
     "title": "Container Queries",
diff --git a/package.json b/package.json
@@ -1,8 +1,8 @@
 {
   "name": "cssdb",
-  "version": "8.2.6",
+  "version": "8.3.0",
   "type": "module",
-  "description": "A comprehensive list of CSS features and their positions in the process of becoming implemented web standards",
+  "description": "A list of CSS features and their positions in the process of becoming implemented web standards",
   "license": "MIT-0",
   "contributors": [
     {
diff --git a/src/components/header.mjs b/src/components/header.mjs
@@ -15,7 +15,7 @@ export function renderHeader() {
 					What’s next for CSS?
 				</h1>
 				<p class="cssdb-header-description">
-					<strong>cssdb</strong> is a comprehensive list of CSS features and their positions in the process of becoming implemented web standards.
+					<strong>cssdb</strong> is a list of CSS features and their positions in the process of becoming implemented web standards.
 				</p>
 			</div>
 			<a class="cssdb-header-link" href="#the-staging-process">What are the stages?</a>
diff --git a/src/pages/index.mjs b/src/pages/index.mjs
@@ -10,7 +10,7 @@ export function renderIndex() {
 <head>
 	<meta charset="utf-8">
 	<title>CSS Database - CSS Tools</title>
-	<meta name="description" content="A comprehensive list of CSS features and their positions in the process of becoming implemented web standards.">
+	<meta name="description" content="A list of CSS features and their positions in the process of becoming implemented web standards.">
 	<link rel="preconnect" href="https://d32ekf2zat2q3c.cloudfront.net" crossorigin />
 	<link rel="preconnect" href="https://fonts.googleapis.com">
 	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -24,7 +24,7 @@ export function renderIndex() {
 	<meta name="twitter:card" content="summary_large_image">
 	<meta name="twitter:site" content="@css_tools_">
 	<meta property="og:title" content="CSS Database">
-	<meta property="og:description" content="A comprehensive list of CSS features and their positions in the process of becoming implemented web standards.">
+	<meta property="og:description" content="A list of CSS features and their positions in the process of becoming implemented web standards.">
 	<meta property="og:image" content="https://cssdb.org/images/css.png">
 	<meta property="og:site_name" content="cssdb">
 	<meta property="og:type" content="website">

Original file line number	Diff line number	Diff line change
`@@ -1,8 +1,8 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "cssdb",`
`3`		`- "version": "8.2.6",`
	`3`	`+ "version": "8.3.0",`
`4`	`4`	`"type": "module",`
`5`		`- "description": "A comprehensive list of CSS features and their positions in the process of becoming implemented web standards",`
	`5`	`+ "description": "A list of CSS features and their positions in the process of becoming implemented web standards",`
`6`	`6`	`"license": "MIT-0",`
`7`	`7`	`"contributors": [`
`8`	`8`	`{`