diff --git a/features/color-gamut.yml b/features/color-gamut.yml new file mode 100644 index 00000000000..df529436f3b --- /dev/null +++ b/features/color-gamut.yml @@ -0,0 +1,6 @@ +name: color-gamut media query +description: The `color-gamut` media query sets styles based on the colors a device can display. +spec: https://drafts.csswg.org/mediaqueries-5/#color-gamut +group: media-queries +compat_features: + - css.at-rules.media.color-gamut diff --git a/features/color-gamut.yml.dist b/features/color-gamut.yml.dist new file mode 100644 index 00000000000..dd8f9737471 --- /dev/null +++ b/features/color-gamut.yml.dist @@ -0,0 +1,16 @@ +# Generated from: color-gamut.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: low + baseline_low_date: 2023-02-14 + support: + chrome: "58" + chrome_android: "58" + edge: "79" + firefox: "110" + firefox_android: "110" + safari: "10" + safari_ios: "10" +compat_features: + - css.at-rules.media.color-gamut diff --git a/features/display-mode.yml b/features/display-mode.yml new file mode 100644 index 00000000000..42d1f33cb14 --- /dev/null +++ b/features/display-mode.yml @@ -0,0 +1,7 @@ +name: display-mode media query +description: The `display-mode` CSS media query sets styles based on whether the web page is in `fullscreen`, `standalone`, `minimal-ui,` `browser`, or `picture-in-picture` mode. +spec: https://drafts.csswg.org/mediaqueries-5/#display-modes +group: media-queries +compat_features: + - css.at-rules.media.display-mode + - css.at-rules.media.display-mode.picture-in-picture diff --git a/features/display-mode.yml.dist b/features/display-mode.yml.dist new file mode 100644 index 00000000000..5fb2cd5c2c6 --- /dev/null +++ b/features/display-mode.yml.dist @@ -0,0 +1,25 @@ +# Generated from: display-mode.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: false + support: + chrome: "123" + edge: "123" +compat_features: + # baseline: false + # support: + # chrome: "42" + # chrome_android: "42" + # edge: "79" + # firefox: "47" + # safari: "13" + # safari_ios: "12.2" + - css.at-rules.media.display-mode + + # ⬇️ Same status as overall feature ⬇️ + # baseline: false + # support: + # chrome: "123" + # edge: "123" + - css.at-rules.media.display-mode.picture-in-picture diff --git a/features/dynamic-range.yml b/features/dynamic-range.yml new file mode 100644 index 00000000000..e2e711d5a13 --- /dev/null +++ b/features/dynamic-range.yml @@ -0,0 +1,6 @@ +name: dynamic-range media query +description: The `dynamic-range` CSS media query sets styles based on whether a device can display at least `standard` range colors or at least `high` range colors. Non-visual devices will match neither. +spec: https://drafts.csswg.org/mediaqueries-5/#dynamic-range +group: media-queries +compat_features: + - css.at-rules.media.dynamic-range diff --git a/features/dynamic-range.yml.dist b/features/dynamic-range.yml.dist new file mode 100644 index 00000000000..db478a4481a --- /dev/null +++ b/features/dynamic-range.yml.dist @@ -0,0 +1,16 @@ +# Generated from: dynamic-range.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: low + baseline_low_date: 2022-05-03 + support: + chrome: "98" + chrome_android: "98" + edge: "98" + firefox: "100" + firefox_android: "100" + safari: "13.1" + safari_ios: "13.4" +compat_features: + - css.at-rules.media.dynamic-range diff --git a/features/interaction.yml b/features/interaction.yml new file mode 100644 index 00000000000..ea4bc4d6529 --- /dev/null +++ b/features/interaction.yml @@ -0,0 +1,12 @@ +name: Interaction media queries +description: "The `pointer`, `any-pointer`, `hover`, and `any-hover` CSS media queries set styles based on the presence of pointing devices and their ability to hover over elements. For example, most smartphones match the `(hover: none) and (pointer: coarse)` media query." +spec: https://drafts.csswg.org/mediaqueries-5/#mf-interaction +caniuse: css-media-interaction +group: media-queries +status: + compute_from: css.at-rules.media.any-pointer +compat_features: + - css.at-rules.media.hover + - css.at-rules.media.any-hover + - css.at-rules.media.any-pointer + - css.at-rules.media.pointer diff --git a/features/interaction.yml.dist b/features/interaction.yml.dist new file mode 100644 index 00000000000..cb00782f94f --- /dev/null +++ b/features/interaction.yml.dist @@ -0,0 +1,68 @@ +# Generated from: interaction.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2018-12-11 + baseline_high_date: 2021-06-11 + support: + chrome: "41" + chrome_android: "41" + edge: "12" + firefox: "64" + firefox_android: "64" + safari: "9" + safari_ios: "9" +compat_features: + # baseline: high + # baseline_low_date: 2018-12-11 + # baseline_high_date: 2021-06-11 + # support: + # chrome: "38" + # chrome_android: "50" + # edge: "12" + # firefox: "64" + # firefox_android: "64" + # safari: "9" + # safari_ios: "9" + - css.at-rules.media.hover + + # ⬇️ Same status as overall feature ⬇️ + # baseline: high + # baseline_low_date: 2018-12-11 + # baseline_high_date: 2021-06-11 + # support: + # chrome: "41" + # chrome_android: "41" + # edge: "12" + # firefox: "64" + # firefox_android: "64" + # safari: "9" + # safari_ios: "9" + - css.at-rules.media.any-pointer + + # baseline: high + # baseline_low_date: 2018-12-11 + # baseline_high_date: 2021-06-11 + # support: + # chrome: "41" + # chrome_android: "41" + # edge: "16" + # firefox: "64" + # firefox_android: "64" + # safari: "9" + # safari_ios: "9" + - css.at-rules.media.any-hover + + # baseline: high + # baseline_low_date: 2018-12-11 + # baseline_high_date: 2021-06-11 + # support: + # chrome: "41" + # chrome_android: "50" + # edge: "12" + # firefox: "64" + # firefox_android: "64" + # safari: "9" + # safari_ios: "9" + - css.at-rules.media.pointer diff --git a/features/inverted-colors.yml b/features/inverted-colors.yml new file mode 100644 index 00000000000..b32a01605d2 --- /dev/null +++ b/features/inverted-colors.yml @@ -0,0 +1,6 @@ +name: inverted-colors media query +description: The `inverted-colors` CSS media query sets styles based on whether the user has inverted all colors, such as with mobile accessibility settings. +spec: https://drafts.csswg.org/mediaqueries-5/#inverted +group: media-queries +compat_features: + - css.at-rules.media.inverted-colors diff --git a/features/inverted-colors.yml.dist b/features/inverted-colors.yml.dist new file mode 100644 index 00000000000..d7299363820 --- /dev/null +++ b/features/inverted-colors.yml.dist @@ -0,0 +1,10 @@ +# Generated from: inverted-colors.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: false + support: + safari: "9.1" + safari_ios: "10" +compat_features: + - css.at-rules.media.inverted-colors diff --git a/features/media-queries.yml b/features/media-queries.yml new file mode 100644 index 00000000000..ead96e40248 --- /dev/null +++ b/features/media-queries.yml @@ -0,0 +1,23 @@ +name: Media queries +description: The `@media` CSS rule conditionally applies styles based on the output device type, its capabilities, and the user's preferences. Media queries are composed of an optional media type such as `screen` or `print`, and one or more mandatory media features, such as `prefers-reduced-animations`. +spec: https://drafts.csswg.org/mediaqueries-5/ +caniuse: css-mediaqueries +group: media-queries +status: + compute_from: css.at-rules.media +compat_features: + - css.at-rules.media + - css.at-rules.media.color + - css.at-rules.media.grid + - css.at-rules.media.height + - css.at-rules.media.width + - css.at-rules.media.monochrome + - css.at-rules.media.orientation + - css.at-rules.media.aspect-ratio + - css.types.ratio + - css.at-rules.media.color-index + - css.at-rules.media.calc + - css.at-rules.media.media_features + - css.at-rules.media.media_query_values + - css.at-rules.media.nested-queries + - css.at-rules.media.or_syntax diff --git a/features/media-queries.yml.dist b/features/media-queries.yml.dist new file mode 100644 index 00000000000..07e361f656c --- /dev/null +++ b/features/media-queries.yml.dist @@ -0,0 +1,142 @@ +# Generated from: media-queries.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2015-07-29 + baseline_high_date: 2018-01-29 + support: + chrome: "1" + chrome_android: "18" + edge: "12" + firefox: "1" + firefox_android: "4" + safari: "3" + safari_ios: "1" +compat_features: + # ⬇️ Same status as overall feature ⬇️ + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "12" + # firefox: "1" + # firefox_android: "4" + # safari: "3" + # safari_ios: "1" + - css.at-rules.media + - css.at-rules.media.media_features + + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "12" + # firefox: "2" + # firefox_android: "4" + # safari: "3" + # safari_ios: "1" + - css.at-rules.media.color + - css.at-rules.media.grid + - css.at-rules.media.height + - css.at-rules.media.width + + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "3" + # chrome_android: "18" + # edge: "12" + # firefox: "2" + # firefox_android: "4" + # safari: "5" + # safari_ios: "4.2" + - css.at-rules.media.orientation + + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "3" + # chrome_android: "18" + # edge: "12" + # firefox: "3.5" + # firefox_android: "4" + # safari: "5" + # safari_ios: "4.2" + - css.at-rules.media.aspect-ratio + - css.types.ratio + + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "26" + # chrome_android: "26" + # edge: "12" + # firefox: "11" + # firefox_android: "14" + # safari: "7" + # safari_ios: "7" + - css.at-rules.media.nested-queries + + # baseline: high + # baseline_low_date: 2020-01-15 + # baseline_high_date: 2022-07-15 + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "79" + # firefox: "2" + # firefox_android: "4" + # safari: "3" + # safari_ios: "1" + - css.at-rules.media.monochrome + + # baseline: high + # baseline_low_date: 2020-01-15 + # baseline_high_date: 2022-07-15 + # support: + # chrome: "66" + # chrome_android: "66" + # edge: "79" + # firefox: "59" + # firefox_android: "59" + # safari: "12" + # safari_ios: "12" + - css.at-rules.media.calc + + # baseline: low + # baseline_low_date: 2023-03-27 + # support: + # chrome: "104" + # chrome_android: "104" + # edge: "104" + # firefox: "64" + # firefox_android: "64" + # safari: "16.4" + # safari_ios: "16.4" + - css.at-rules.media.or_syntax + + # baseline: false + # support: + # chrome: "29" + # chrome_android: "29" + # edge: "79" + # safari: "8" + # safari_ios: "8" + - css.at-rules.media.color-index + + # baseline: false + # support: + # chrome: "66" + # chrome_android: "66" + # edge: "79" + # firefox: "59" + # firefox_android: "59" + - css.at-rules.media.media_query_values diff --git a/features/media-query-range-syntax.yml b/features/media-query-range-syntax.yml index ceda1f0b510..616aba75005 100644 --- a/features/media-query-range-syntax.yml +++ b/features/media-query-range-syntax.yml @@ -1,4 +1,5 @@ name: Media query range syntax -description: "The range syntax of CSS media queries allows you to use mathematical comparison operators such as `<`, `>`, `<=`, and `>=` to define a range of values for a media feature. For example, `(400px < width < 1000px)` returns true if the viewport width is between 400px and 1000px." +description: "The range syntax of CSS media queries allows you to use mathematical comparison operators such as `<`, `>`, `<=`, and `>=` to define a range of values for a media query. For example, `(400px < width < 1000px)` returns true if the viewport width is between 400px and 1000px." caniuse: css-media-range-syntax +group: media-queries spec: https://drafts.csswg.org/mediaqueries-4/#mq-range-context diff --git a/features/overflow.yml b/features/overflow.yml new file mode 100644 index 00000000000..283174431eb --- /dev/null +++ b/features/overflow.yml @@ -0,0 +1,9 @@ +name: Overflow media queries +description: The `overflow-block` and `overflow-inline` CSS media queries set styles based on the way a device displays content that's larger than the viewport or page area. For example, a laptop lets users scroll to reveal content, while a printer displays overflowing content on additional pages. +spec: + - https://drafts.csswg.org/mediaqueries-5/#mf-overflow-block + - https://drafts.csswg.org/mediaqueries-5/#mf-overflow-inline +group: media-queries +compat_features: + - css.at-rules.media.overflow-block + - css.at-rules.media.overflow-inline diff --git a/features/overflow.yml.dist b/features/overflow.yml.dist new file mode 100644 index 00000000000..f1834bc265f --- /dev/null +++ b/features/overflow.yml.dist @@ -0,0 +1,17 @@ +# Generated from: overflow.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: low + baseline_low_date: 2023-09-18 + support: + chrome: "113" + chrome_android: "113" + edge: "113" + firefox: "66" + firefox_android: "66" + safari: "17" + safari_ios: "17" +compat_features: + - css.at-rules.media.overflow-block + - css.at-rules.media.overflow-inline diff --git a/features/prefers-color-scheme.yml b/features/prefers-color-scheme.yml index f763f5b4c17..e7bee53c7c4 100644 --- a/features/prefers-color-scheme.yml +++ b/features/prefers-color-scheme.yml @@ -1,4 +1,11 @@ -name: prefers-color-scheme -description: The `prefers-color-scheme` CSS media query detects the requested color scheme, light or dark. +name: prefers-color-scheme media query +description: The `prefers-color-scheme` CSS media query sets styles based on the requested color scheme, light or dark. spec: https://drafts.csswg.org/mediaqueries-5/#prefers-color-scheme -group: css +group: media-queries +status: + compute_from: css.at-rules.media.prefers-color-scheme +compat_features: + - css.at-rules.media.prefers-color-scheme + - css.at-rules.media.prefers-color-scheme.respects-inherited-scheme + - css.at-rules.media.prefers-color-scheme.no-preference + - http.headers.Sec-CH-Prefers-Color-Scheme diff --git a/features/prefers-color-scheme.yml.dist b/features/prefers-color-scheme.yml.dist index d3c74872cb5..117dd28347f 100644 --- a/features/prefers-color-scheme.yml.dist +++ b/features/prefers-color-scheme.yml.dist @@ -14,4 +14,35 @@ status: safari: "12.1" safari_ios: "13" compat_features: + # ⬇️ Same status as overall feature ⬇️ + # baseline: high + # baseline_low_date: 2020-01-15 + # baseline_high_date: 2022-07-15 + # support: + # chrome: "76" + # chrome_android: "76" + # edge: "79" + # firefox: "67" + # firefox_android: "67" + # safari: "12.1" + # safari_ios: "13" - css.at-rules.media.prefers-color-scheme + + # baseline: false + # support: + # chrome: "93" + # chrome_android: "93" + # edge: "93" + - http.headers.Sec-CH-Prefers-Color-Scheme + + # baseline: false + # support: + # safari: "12.1" + # safari_ios: "13" + - css.at-rules.media.prefers-color-scheme.no-preference + + # baseline: false + # support: + # firefox: "105" + # firefox_android: "105" + - css.at-rules.media.prefers-color-scheme.respects-inherited-scheme diff --git a/features/prefers-contrast.yml b/features/prefers-contrast.yml new file mode 100644 index 00000000000..112ccf71cdc --- /dev/null +++ b/features/prefers-contrast.yml @@ -0,0 +1,6 @@ +name: prefers-contrast media query +description: The `prefers-contrast` CSS media query sets styles based on whether the user prefers more or less contrast, the difference between foreground and background colors. +spec: https://drafts.csswg.org/mediaqueries-5/#prefers-contrast +group: media-queries +compat_features: + - css.at-rules.media.prefers-contrast diff --git a/features/prefers-contrast.yml.dist b/features/prefers-contrast.yml.dist new file mode 100644 index 00000000000..ef726ef6ddb --- /dev/null +++ b/features/prefers-contrast.yml.dist @@ -0,0 +1,16 @@ +# Generated from: prefers-contrast.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: low + baseline_low_date: 2022-05-31 + support: + chrome: "96" + chrome_android: "96" + edge: "96" + firefox: "101" + firefox_android: "101" + safari: "14.1" + safari_ios: "14.5" +compat_features: + - css.at-rules.media.prefers-contrast diff --git a/features/prefers-reduced-data.yml b/features/prefers-reduced-data.yml new file mode 100644 index 00000000000..3a52e31c456 --- /dev/null +++ b/features/prefers-reduced-data.yml @@ -0,0 +1,6 @@ +name: prefers-reduced-data media query +description: The `prefers-reduced-data` CSS media query detects whether the user has a preference for using less network traffic. For example, you can use this media query to avoid loading large font files and use a system font instead. +spec: https://drafts.csswg.org/mediaqueries-5/#prefers-reduced-data +group: media-queries +compat_features: + - css.at-rules.media.prefers-reduced-data diff --git a/features/prefers-reduced-data.yml.dist b/features/prefers-reduced-data.yml.dist new file mode 100644 index 00000000000..41f305e55da --- /dev/null +++ b/features/prefers-reduced-data.yml.dist @@ -0,0 +1,8 @@ +# Generated from: prefers-reduced-data.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: false + support: {} +compat_features: + - css.at-rules.media.prefers-reduced-data diff --git a/features/prefers-reduced-motion.yml b/features/prefers-reduced-motion.yml new file mode 100644 index 00000000000..6b2aeead1f7 --- /dev/null +++ b/features/prefers-reduced-motion.yml @@ -0,0 +1,10 @@ +name: prefers-reduced-motion media query +description: The `prefers-reduced-motion` CSS media query sets styles based on whether the user prefers to minimize the amount of non-essential animations on the device, such as scrolling, panning, zooming, and strobing. +spec: https://drafts.csswg.org/mediaqueries-5/#prefers-reduced-motion +caniuse: prefers-reduced-motion +group: media-queries +status: + compute_from: css.at-rules.media.prefers-reduced-motion +compat_features: + - css.at-rules.media.prefers-reduced-motion + - http.headers.Sec-CH-Prefers-Reduced-Motion diff --git a/features/prefers-reduced-motion.yml.dist b/features/prefers-reduced-motion.yml.dist new file mode 100644 index 00000000000..f6543eab73b --- /dev/null +++ b/features/prefers-reduced-motion.yml.dist @@ -0,0 +1,36 @@ +# Generated from: prefers-reduced-motion.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2020-01-15 + baseline_high_date: 2022-07-15 + support: + chrome: "74" + chrome_android: "74" + edge: "79" + firefox: "63" + firefox_android: "64" + safari: "10.1" + safari_ios: "10.3" +compat_features: + # ⬇️ Same status as overall feature ⬇️ + # baseline: high + # baseline_low_date: 2020-01-15 + # baseline_high_date: 2022-07-15 + # support: + # chrome: "74" + # chrome_android: "74" + # edge: "79" + # firefox: "63" + # firefox_android: "64" + # safari: "10.1" + # safari_ios: "10.3" + - css.at-rules.media.prefers-reduced-motion + + # baseline: false + # support: + # chrome: "108" + # chrome_android: "108" + # edge: "108" + - http.headers.Sec-CH-Prefers-Reduced-Motion diff --git a/features/prefers-reduced-transparency.yml b/features/prefers-reduced-transparency.yml new file mode 100644 index 00000000000..27dc93943b1 --- /dev/null +++ b/features/prefers-reduced-transparency.yml @@ -0,0 +1,7 @@ +name: prefers-reduced-transparency media query +description: The `prefers-reduced-transparency` CSS media query sets styles based on whether the user prefers to reduce the amount of transparent effects on their device, for example to improve contrast and legibility. +spec: https://drafts.csswg.org/mediaqueries-5/#prefers-reduced-transparency +group: media-queries +compat_features: + - css.at-rules.media.prefers-reduced-transparency + - http.headers.Sec-CH-Prefers-Reduced-Transparency diff --git a/features/prefers-reduced-transparency.yml.dist b/features/prefers-reduced-transparency.yml.dist new file mode 100644 index 00000000000..991cd7b7085 --- /dev/null +++ b/features/prefers-reduced-transparency.yml.dist @@ -0,0 +1,24 @@ +# Generated from: prefers-reduced-transparency.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: false + support: + chrome: "119" + chrome_android: "119" + edge: "119" +compat_features: + # baseline: false + # support: + # chrome: "118" + # chrome_android: "118" + # edge: "118" + - css.at-rules.media.prefers-reduced-transparency + + # ⬇️ Same status as overall feature ⬇️ + # baseline: false + # support: + # chrome: "119" + # chrome_android: "119" + # edge: "119" + - http.headers.Sec-CH-Prefers-Reduced-Transparency diff --git a/features/scripting.yml b/features/scripting.yml new file mode 100644 index 00000000000..fa8fb63df8f --- /dev/null +++ b/features/scripting.yml @@ -0,0 +1,6 @@ +name: scripting media query +description: The `scripting` CSS media query sets styles based on whether scripting such as JavaScript is available. Values are `enabled` if scripting is available, `initial-only` if scripting is only available on page load (for example, printed content), or `none`. +spec: https://drafts.csswg.org/mediaqueries-5/#scripting +group: media-queries +compat_features: + - css.at-rules.media.scripting diff --git a/features/scripting.yml.dist b/features/scripting.yml.dist new file mode 100644 index 00000000000..09b70e00436 --- /dev/null +++ b/features/scripting.yml.dist @@ -0,0 +1,16 @@ +# Generated from: scripting.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: low + baseline_low_date: 2023-12-07 + support: + chrome: "120" + chrome_android: "120" + edge: "120" + firefox: "113" + firefox_android: "113" + safari: "17" + safari_ios: "17" +compat_features: + - css.at-rules.media.scripting diff --git a/features/update.yml b/features/update.yml new file mode 100644 index 00000000000..2ae5e5bd5af --- /dev/null +++ b/features/update.yml @@ -0,0 +1,6 @@ +name: Update frequency media query +description: The `update` CSS media query sets styles based on whether and how fast the user's device can modify display after it has been rendered. For example, you can avoid animations on devices that aren't fast enough to display them smoothly. +spec: https://drafts.csswg.org/mediaqueries-5/#update +group: media-queries +compat_features: + - css.at-rules.media.update diff --git a/features/update.yml.dist b/features/update.yml.dist new file mode 100644 index 00000000000..818b1a07c0d --- /dev/null +++ b/features/update.yml.dist @@ -0,0 +1,16 @@ +# Generated from: update.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: low + baseline_low_date: 2023-09-18 + support: + chrome: "113" + chrome_android: "113" + edge: "113" + firefox: "102" + firefox_android: "102" + safari: "17" + safari_ios: "17" +compat_features: + - css.at-rules.media.update diff --git a/features/video-dynamic-range.yml b/features/video-dynamic-range.yml new file mode 100644 index 00000000000..5de548ab3ba --- /dev/null +++ b/features/video-dynamic-range.yml @@ -0,0 +1,6 @@ +name: video-dynamic-range media query +description: The `video-dynamic-range` CSS media query sets styles based on whether a device can display video with at least `standard` range colors or at least `high` range colors. Non-visual devices will match neither. +spec: https://drafts.csswg.org/mediaqueries-5/#dynamic-range +group: media-queries +compat_features: + - css.at-rules.media.video-dynamic-range diff --git a/features/video-dynamic-range.yml.dist b/features/video-dynamic-range.yml.dist new file mode 100644 index 00000000000..21a28b1159a --- /dev/null +++ b/features/video-dynamic-range.yml.dist @@ -0,0 +1,10 @@ +# Generated from: video-dynamic-range.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: false + support: + firefox: "100" + firefox_android: "100" +compat_features: + - css.at-rules.media.video-dynamic-range diff --git a/groups/media-queries.yml b/groups/media-queries.yml new file mode 100644 index 00000000000..2e4224776cb --- /dev/null +++ b/groups/media-queries.yml @@ -0,0 +1,3 @@ +# CSS Media queries allow you to provide different styles based on the user's device and settings. +name: Media queries +parent: css