From 119a466ac40ea675b4000920465ff51d3d4008b8 Mon Sep 17 00:00:00 2001 From: James Stuckey Weber Date: Tue, 5 Nov 2024 11:55:13 -0500 Subject: [PATCH 1/3] Add compat prefixed keys to recommended alternate features --- features/resolution.yml | 8 +++++++- features/resolution.yml.dist | 15 +++++++++++++++ features/supports.yml | 1 + features/supports.yml.dist | 13 +++++++++++++ 4 files changed, 36 insertions(+), 1 deletion(-) diff --git a/features/resolution.yml b/features/resolution.yml index 9d47ce74e6c..01fe060b273 100644 --- a/features/resolution.yml +++ b/features/resolution.yml @@ -2,7 +2,10 @@ 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 +# Compute from picked so prefixed rules don't impact baseline. +status: + compute_from: css.types.resolution.x compat_features: - css.at-rules.media.resolution - css.types.resolution @@ -10,3 +13,6 @@ compat_features: - css.types.resolution.dpi - css.types.resolution.dppx - css.types.resolution.x + - 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.dist b/features/resolution.yml.dist index 55f342d66fe..23dbd7362d8 100644 --- a/features/resolution.yml.dist +++ b/features/resolution.yml.dist @@ -13,6 +13,21 @@ status: safari: "16" safari_ios: "16" compat_features: + # 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" + - 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 + # baseline: low # baseline_low_date: 2022-09-12 # support: diff --git a/features/supports.yml b/features/supports.yml index 2f197d5ece5..35708cf0f04 100644 --- a/features/supports.yml +++ b/features/supports.yml @@ -13,3 +13,4 @@ compat_features: - css.at-rules.supports.font-format - css.at-rules.supports.font-tech - css.at-rules.supports.selector + - css.at-rules.media.-webkit-transform-3d diff --git a/features/supports.yml.dist b/features/supports.yml.dist index 0b6934d2ce0..73ca2e93c2c 100644 --- a/features/supports.yml.dist +++ b/features/supports.yml.dist @@ -29,6 +29,19 @@ compat_features: - api.CSSSupportsRule - css.at-rules.supports + # 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" + - css.at-rules.media.-webkit-transform-3d + # baseline: high # baseline_low_date: 2021-04-26 # baseline_high_date: 2023-10-26 From 9e47dd7941efc725613dcba48093c675b07de3c8 Mon Sep 17 00:00:00 2001 From: James Stuckey Weber Date: Wed, 6 Nov 2024 10:00:37 -0500 Subject: [PATCH 2/3] Split out compat features --- features/resolution-compat.yml | 8 ++++++++ features/resolution-compat.yml.dist | 19 +++++++++++++++++++ features/resolution.yml | 6 ------ features/resolution.yml.dist | 15 --------------- features/supports-compat.yml | 6 ++++++ features/supports-compat.yml.dist | 17 +++++++++++++++++ features/supports.yml | 1 - features/supports.yml.dist | 13 ------------- 8 files changed, 50 insertions(+), 35 deletions(-) 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 01fe060b273..f25497ed11d 100644 --- a/features/resolution.yml +++ b/features/resolution.yml @@ -3,9 +3,6 @@ description: The `resolution` CSS media query sets styles based on the pixel den spec: https://drafts.csswg.org/mediaqueries-5/#resolution caniuse: css-media-resolution group: media-queries -# Compute from picked so prefixed rules don't impact baseline. -status: - compute_from: css.types.resolution.x compat_features: - css.at-rules.media.resolution - css.types.resolution @@ -13,6 +10,3 @@ compat_features: - css.types.resolution.dpi - css.types.resolution.dppx - css.types.resolution.x - - 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.dist b/features/resolution.yml.dist index 23dbd7362d8..55f342d66fe 100644 --- a/features/resolution.yml.dist +++ b/features/resolution.yml.dist @@ -13,21 +13,6 @@ status: safari: "16" safari_ios: "16" compat_features: - # 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" - - 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 - # baseline: low # baseline_low_date: 2022-09-12 # support: diff --git a/features/supports-compat.yml b/features/supports-compat.yml new file mode 100644 index 00000000000..cbab11ff016 --- /dev/null +++ b/features/supports-compat.yml @@ -0,0 +1,6 @@ +name: "@supports (compatibility prefix)" +description: The `-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 diff --git a/features/supports.yml b/features/supports.yml index 35708cf0f04..2f197d5ece5 100644 --- a/features/supports.yml +++ b/features/supports.yml @@ -13,4 +13,3 @@ compat_features: - css.at-rules.supports.font-format - css.at-rules.supports.font-tech - css.at-rules.supports.selector - - css.at-rules.media.-webkit-transform-3d diff --git a/features/supports.yml.dist b/features/supports.yml.dist index 73ca2e93c2c..0b6934d2ce0 100644 --- a/features/supports.yml.dist +++ b/features/supports.yml.dist @@ -29,19 +29,6 @@ compat_features: - api.CSSSupportsRule - css.at-rules.supports - # 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" - - css.at-rules.media.-webkit-transform-3d - # baseline: high # baseline_low_date: 2021-04-26 # baseline_high_date: 2023-10-26 From 37fefa85a11f7cc98905476253532069cbc2a590 Mon Sep 17 00:00:00 2001 From: James Stuckey Weber Date: Wed, 6 Nov 2024 12:35:14 -0500 Subject: [PATCH 3/3] Update features/supports-compat.yml Co-authored-by: Florian Scholz --- features/supports-compat.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/features/supports-compat.yml b/features/supports-compat.yml index cbab11ff016..aa37a97fc4c 100644 --- a/features/supports-compat.yml +++ b/features/supports-compat.yml @@ -1,5 +1,5 @@ name: "@supports (compatibility prefix)" -description: The `-webkit-transform-3d` CSS media query is a standardized compatibility alternative to `@supports (transform-style)`. +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: