From 37f6cf0bfc38c8d1a93db7eaa66f6d87b43aa97c Mon Sep 17 00:00:00 2001
From: James Stuckey Weber <james@oddbird.net>
Date: Wed, 6 Nov 2024 12:36:23 -0500
Subject: [PATCH] Add compat prefixed keys to recommended alternate features
 (#2150)

Co-authored-by: Florian Scholz <fs@florianscholz.com>
---
 features/resolution-compat.yml      |  8 ++++++++
 features/resolution-compat.yml.dist | 19 +++++++++++++++++++
 features/resolution.yml             |  2 +-
 features/supports-compat.yml        |  6 ++++++
 features/supports-compat.yml.dist   | 17 +++++++++++++++++
 5 files changed, 51 insertions(+), 1 deletion(-)
 create mode 100644 features/resolution-compat.yml
 create mode 100644 features/resolution-compat.yml.dist
 create mode 100644 features/supports-compat.yml
 create mode 100644 features/supports-compat.yml.dist

diff --git a/features/resolution-compat.yml b/features/resolution-compat.yml
new file mode 100644
index 00000000000..b864852027b
--- /dev/null
+++ b/features/resolution-compat.yml
@@ -0,0 +1,8 @@
+name: resolution media query (compatibility prefixes)
+description: The `-webkit-device-pixel-ratio`, `-webkit-min-device-pixel-ratio`, and `-webkit-max-device-pixel-ratio` CSS media queries are standardized compatibility alternatives to `resolution` media queries.
+spec: https://compat.spec.whatwg.org/#css-media-queries-webkit-device-pixel-ratio
+group: media-queries
+compat_features:
+  - css.at-rules.media.-webkit-device-pixel-ratio
+  - css.at-rules.media.-webkit-max-device-pixel-ratio
+  - css.at-rules.media.-webkit-min-device-pixel-ratio
diff --git a/features/resolution-compat.yml.dist b/features/resolution-compat.yml.dist
new file mode 100644
index 00000000000..d489825918d
--- /dev/null
+++ b/features/resolution-compat.yml.dist
@@ -0,0 +1,19 @@
+# Generated from: resolution-compat.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: high
+  baseline_low_date: 2018-10-23
+  baseline_high_date: 2021-04-23
+  support:
+    chrome: "1"
+    chrome_android: "18"
+    edge: "12"
+    firefox: "63"
+    firefox_android: "63"
+    safari: "3"
+    safari_ios: "1"
+compat_features:
+  - css.at-rules.media.-webkit-device-pixel-ratio
+  - css.at-rules.media.-webkit-max-device-pixel-ratio
+  - css.at-rules.media.-webkit-min-device-pixel-ratio
diff --git a/features/resolution.yml b/features/resolution.yml
index 9d47ce74e6c..f25497ed11d 100644
--- a/features/resolution.yml
+++ b/features/resolution.yml
@@ -2,7 +2,7 @@ name: resolution media query
 description: The `resolution` CSS media query sets styles based on the pixel density, or how many pixels a device uses to display a single CSS pixel.
 spec: https://drafts.csswg.org/mediaqueries-5/#resolution
 caniuse: css-media-resolution
-# group: media-queries
+group: media-queries
 compat_features:
   - css.at-rules.media.resolution
   - css.types.resolution
diff --git a/features/supports-compat.yml b/features/supports-compat.yml
new file mode 100644
index 00000000000..aa37a97fc4c
--- /dev/null
+++ b/features/supports-compat.yml
@@ -0,0 +1,6 @@
+name: "@supports (compatibility prefix)"
+description: The `@supports (-webkit-transform-3d)` CSS media query is a standardized compatibility alternative to `@supports (transform-style)`.
+spec: https://compat.spec.whatwg.org/#css-media-queries-webkit-transform-3d
+group: media-queries
+compat_features:
+  - css.at-rules.media.-webkit-transform-3d
diff --git a/features/supports-compat.yml.dist b/features/supports-compat.yml.dist
new file mode 100644
index 00000000000..099aef5e6b7
--- /dev/null
+++ b/features/supports-compat.yml.dist
@@ -0,0 +1,17 @@
+# Generated from: supports-compat.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: high
+  baseline_low_date: 2016-09-20
+  baseline_high_date: 2019-03-20
+  support:
+    chrome: "2"
+    chrome_android: "18"
+    edge: "12"
+    firefox: "49"
+    firefox_android: "49"
+    safari: "4"
+    safari_ios: "3.2"
+compat_features:
+  - css.at-rules.media.-webkit-transform-3d