From 7403569a65a8783b53a69f8155f3ff731028bb1a Mon Sep 17 00:00:00 2001 From: James Stuckey Weber Date: Wed, 18 Sep 2024 11:37:29 -0400 Subject: [PATCH 1/2] Add resolution media query --- features/resolution.yml | 12 ++++++++ features/resolution.yml.dist | 53 ++++++++++++++++++++++++++++++++++++ 2 files changed, 65 insertions(+) create mode 100644 features/resolution.yml create mode 100644 features/resolution.yml.dist diff --git a/features/resolution.yml b/features/resolution.yml new file mode 100644 index 00000000000..9d47ce74e6c --- /dev/null +++ b/features/resolution.yml @@ -0,0 +1,12 @@ +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 +compat_features: + - css.at-rules.media.resolution + - css.types.resolution + - css.types.resolution.dpcm + - css.types.resolution.dpi + - css.types.resolution.dppx + - css.types.resolution.x diff --git a/features/resolution.yml.dist b/features/resolution.yml.dist new file mode 100644 index 00000000000..b8e1a39746a --- /dev/null +++ b/features/resolution.yml.dist @@ -0,0 +1,53 @@ +# Generated from: resolution.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: false + support: + chrome: "68" + chrome_android: "68" + edge: "79" + firefox: "62" + firefox_android: "62" +compat_features: + # baseline: low + # baseline_low_date: 2022-09-12 + # support: + # chrome: "29" + # chrome_android: "29" + # edge: "12" + # firefox: "8" + # firefox_android: "8" + # safari: "16" + # safari_ios: "16" + - css.at-rules.media.resolution + + # baseline: false + # support: + # chrome: "29" + # chrome_android: "29" + # edge: "12" + # firefox: "8" + # firefox_android: "8" + - css.types.resolution + - css.types.resolution.dpcm + - css.types.resolution.dpi + + # baseline: false + # support: + # chrome: "29" + # chrome_android: "29" + # edge: "12" + # firefox: "16" + # firefox_android: "16" + - css.types.resolution.dppx + + # ⬇️ Same status as overall feature ⬇️ + # baseline: false + # support: + # chrome: "68" + # chrome_android: "68" + # edge: "79" + # firefox: "62" + # firefox_android: "62" + - css.types.resolution.x From 8785eb093ac04b6ebc33c19e7620a99e83ed2a9c Mon Sep 17 00:00:00 2001 From: James Stuckey Weber Date: Wed, 9 Oct 2024 13:24:04 -0400 Subject: [PATCH 2/2] Update dist --- features/resolution.yml.dist | 23 ++++++++++++----------- 1 file changed, 12 insertions(+), 11 deletions(-) diff --git a/features/resolution.yml.dist b/features/resolution.yml.dist index b8e1a39746a..55f342d66fe 100644 --- a/features/resolution.yml.dist +++ b/features/resolution.yml.dist @@ -2,13 +2,16 @@ # Do not edit this file by hand. Edit the source file instead! status: - baseline: false + baseline: low + baseline_low_date: 2022-09-12 support: chrome: "68" chrome_android: "68" edge: "79" firefox: "62" firefox_android: "62" + safari: "16" + safari_ios: "16" compat_features: # baseline: low # baseline_low_date: 2022-09-12 @@ -21,33 +24,31 @@ compat_features: # safari: "16" # safari_ios: "16" - css.at-rules.media.resolution - - # baseline: false - # support: - # chrome: "29" - # chrome_android: "29" - # edge: "12" - # firefox: "8" - # firefox_android: "8" - css.types.resolution - css.types.resolution.dpcm - css.types.resolution.dpi - # baseline: false + # baseline: low + # baseline_low_date: 2022-09-12 # support: # chrome: "29" # chrome_android: "29" # edge: "12" # firefox: "16" # firefox_android: "16" + # safari: "16" + # safari_ios: "16" - css.types.resolution.dppx # ⬇️ Same status as overall feature ⬇️ - # baseline: false + # baseline: low + # baseline_low_date: 2022-09-12 # support: # chrome: "68" # chrome_android: "68" # edge: "79" # firefox: "62" # firefox_android: "62" + # safari: "16" + # safari_ios: "16" - css.types.resolution.x