Add compat prefixed keys to recommended alternate features (#2150)

Co-authored-by: Florian Scholz <[email protected]>

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

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

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

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

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