add mixins

Author: romainmenke

.github/workflows/test.yml

@@ -11,7 +11,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node: [20, 'lts/*']
+        node: [22, 'lts/*']
     steps:
       - uses: actions/checkout@8e8c483db84b4bee98b60c0593521ed34d9990e8
       - uses: actions/setup-node@395ad3262231945c25e8478fd5baf05154b1d79f

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changes to cssdb
 
+### 8.7.0 (January 14, 2026)
+
+- Updated `@mdn/browser-compat-data` to `7.2.3`
+- Added `mixins`
+
 ### 8.6.0 (December 26, 2025)
 
 - Updated `@mdn/browser-compat-data` to `7.2.2`

cssdb.json

@@ -1612,6 +1612,23 @@
     "vendors_implementations": 3,
     "web-feature": "media-query-range-syntax"
   },
+  {
+    "id": "mixins",
+    "title": "`@mixin`",
+    "description": "Use `@mixin` and `@apply`",
+    "specification": "https://drafts.csswg.org/css-mixins/#mixin-rule",
+    "stage": 2,
+    "browser_support": {},
+    "docs": {},
+    "example": "@mixin --foo() {\n    color: green;\n  }\n\n.foo {\n  @apply --foo;\n}",
+    "polyfills": [
+      {
+        "type": "PostCSS Plugin",
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-mixins"
+      }
+    ],
+    "vendors_implementations": 0
+  },
   {
     "id": "nested-calc",
     "title": "Nested `calc()`",

cssdb.mjs

@@ -1612,6 +1612,23 @@ export default [
     "vendors_implementations": 3,
     "web-feature": "media-query-range-syntax"
   },
+  {
+    "id": "mixins",
+    "title": "`@mixin`",
+    "description": "Use `@mixin` and `@apply`",
+    "specification": "https://drafts.csswg.org/css-mixins/#mixin-rule",
+    "stage": 2,
+    "browser_support": {},
+    "docs": {},
+    "example": "@mixin --foo() {\n    color: green;\n  }\n\n.foo {\n  @apply --foo;\n}",
+    "polyfills": [
+      {
+        "type": "PostCSS Plugin",
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-mixins"
+      }
+    ],
+    "vendors_implementations": 0
+  },
   {
     "id": "nested-calc",
     "title": "Nested `calc()`",

cssdb.settings.json

@@ -1247,6 +1247,23 @@
       }
     ]
   },
+  {
+    "id": "mixins",
+    "title": "`@mixin`",
+    "description": "Use `@mixin` and `@apply`",
+    "specification": "https://drafts.csswg.org/css-mixins/#mixin-rule",
+    "stage": 2,
+    "browser_support": {},
+    "docs": {},
+    "example": "@mixin --foo() {\n    color: green;\n  }\n\n.foo {\n  @apply --foo;\n}",
+    "mdn_path": "",
+    "polyfills": [
+      {
+        "type": "PostCSS Plugin",
+        "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-mixins"
+      }
+    ]
+  },
   {
     "id": "nested-calc",
     "title": "Nested `calc()`",