Rename media features and files

jamesnw · jamesnw · commit ba1662e61051 · 2024-09-16T15:52:26.000-04:00
diff --git a/.DS_Store b/.DS_Store
diff --git a/features/color-gamut.yml 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. Values are `srgb` if the device can display at least sRGB, `p3` if the device can display at least Display P3, and `rec2020` if the device can display at least REC. 2020.
+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
@@ -1,4 +1,4 @@
-# Generated from: media-queries-color-gamut.yml
+# Generated from: color-gamut.yml
 # Do not edit this file by hand. Edit the source file instead!
 
 status:
diff --git a/features/display-mode.yml 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
@@ -1,4 +1,4 @@
-# Generated from: media-queries-display-mode.yml
+# Generated from: display-mode.yml
 # Do not edit this file by hand. Edit the source file instead!
 
 status:
diff --git a/features/dynamic-range.yml 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
@@ -1,4 +1,4 @@
-# Generated from: media-queries-dynamic-range.yml
+# Generated from: dynamic-range.yml
 # Do not edit this file by hand. Edit the source file instead!
 
 status:
diff --git a/features/interaction.yml b/features/interaction.yml
@@ -1,5 +1,5 @@
-name: Interaction media features
-description: "The `pointer`, `any-pointer`, `hover`, and `any-hover` CSS media features set styles based on the presence of pointing devices and their ability to hover over elements. For example, a smartphone device would match the `(hover: none) and (pointer: coarse)` media feature."
+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, a smartphone device would 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
diff --git a/features/interaction.yml.dist b/features/interaction.yml.dist
@@ -1,4 +1,4 @@
-# Generated from: media-queries-interaction.yml
+# Generated from: interaction.yml
 # Do not edit this file by hand. Edit the source file instead!
 
 status:
diff --git a/features/inverted-colors.yml 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
@@ -1,4 +1,4 @@
-# Generated from: media-queries-inverted-colors.yml
+# Generated from: inverted-colors.yml
 # Do not edit this file by hand. Edit the source file instead!
 
 status:
diff --git a/features/media-queries-color-gamut.yml b/features/media-queries-color-gamut.yml
diff --git a/features/media-queries-display-mode.yml b/features/media-queries-display-mode.yml
diff --git a/features/media-queries-dynamic-range.yml b/features/media-queries-dynamic-range.yml
diff --git a/features/media-queries-inverted-colors.yml b/features/media-queries-inverted-colors.yml
diff --git a/features/media-queries-prefers-contrast.yml b/features/media-queries-prefers-contrast.yml
diff --git a/features/media-queries-prefers-reduced-data.yml b/features/media-queries-prefers-reduced-data.yml
diff --git a/features/media-queries-scripting.yml b/features/media-queries-scripting.yml
diff --git a/features/media-queries-update.yml b/features/media-queries-update.yml
diff --git a/features/media-queries-video-dynamic-range.yml b/features/media-queries-video-dynamic-range.yml
diff --git a/features/media-query-range-syntax.yml b/features/media-query-range-syntax.yml
@@ -1,5 +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
@@ -1,5 +1,5 @@
-name: Overflow media features
-description: The `overflow-block` and `overflow-inline` CSS media features 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.
+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
diff --git a/features/overflow.yml.dist b/features/overflow.yml.dist
@@ -1,4 +1,4 @@
-# Generated from: media-queries-overflow.yml
+# Generated from: overflow.yml
 # Do not edit this file by hand. Edit the source file instead!
 
 status:
diff --git a/features/prefers-color-scheme.yml b/features/prefers-color-scheme.yml
@@ -1,5 +1,5 @@
-name: prefers-color-scheme media feature
-description: The `prefers-color-scheme` CSS media feature sets styles based on 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: media-queries
 status:
diff --git a/features/prefers-contrast.yml 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.
+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
@@ -1,4 +1,4 @@
-# Generated from: media-queries-prefers-contrast.yml
+# Generated from: prefers-contrast.yml
 # Do not edit this file by hand. Edit the source file instead!
 
 status:
diff --git a/features/prefers-reduced-data.yml 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 internet 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
@@ -1,4 +1,4 @@
-# Generated from: media-queries-prefers-reduced-data.yml
+# Generated from: prefers-reduced-data.yml
 # Do not edit this file by hand. Edit the source file instead!
 
 status:
diff --git a/features/prefers-reduced-motion.yml b/features/prefers-reduced-motion.yml
@@ -1,5 +1,5 @@
-name: prefers-reduced-motion media feature
-description: The `prefers-reduced-motion` CSS media feature sets styles based on whether the user prefers to minimize the amount of non-essential animations on the device.
+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.
 spec:
   - https://drafts.csswg.org/mediaqueries-5/#prefers-reduced-motion
   - https://wicg.github.io/user-preference-media-features-headers/#sec-ch-prefers-reduced-motion
diff --git a/features/prefers-reduced-motion.yml.dist b/features/prefers-reduced-motion.yml.dist
@@ -1,4 +1,4 @@
-# Generated from: media-queries-prefers-reduced-motion.yml
+# Generated from: prefers-reduced-motion.yml
 # Do not edit this file by hand. Edit the source file instead!
 
 status:
diff --git a/features/prefers-reduced-transparency.yml b/features/prefers-reduced-transparency.yml
@@ -1,5 +1,5 @@
-name: prefers-reduced-transparency media feature
-description: The `prefers-reduced-transparency` CSS media feature sets styles based on whether the user prefers to reduce the amount of transparent effects on their device, for example to improve contrast and readability.
+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 readability.
 spec:
   - https://drafts.csswg.org/mediaqueries-5/#prefers-reduced-transparency
   - https://wicg.github.io/user-preference-media-features-headers/#sec-ch-prefers-reduced-transparency
diff --git a/features/prefers-reduced-transparency.yml.dist b/features/prefers-reduced-transparency.yml.dist
@@ -1,4 +1,4 @@
-# Generated from: media-queries-prefers-reduced-transparency.yml
+# Generated from: prefers-reduced-transparency.yml
 # Do not edit this file by hand. Edit the source file instead!
 
 status:
diff --git a/features/resolution.yml b/features/resolution.yml
@@ -1,5 +1,5 @@
-name: resolution media feature
-description: The `resolution` CSS media feature sets styles based on the pixel density, or how many pixels a device uses to display a single CSS pixel.
+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
 compat_features:
diff --git a/features/resolution.yml.dist b/features/resolution.yml.dist
@@ -1,4 +1,4 @@
-# Generated from: media-queries-resolution.yml
+# Generated from: resolution.yml
 # Do not edit this file by hand. Edit the source file instead!
 
 status:
diff --git a/features/scripting.yml b/features/scripting.yml
@@ -0,0 +1,5 @@
+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 or server-rendered content), or `none`.
+spec: https://drafts.csswg.org/mediaqueries-5/#scripting
+compat_features:
+  - css.at-rules.media.scripting
diff --git a/features/scripting.yml.dist b/features/scripting.yml.dist
@@ -1,4 +1,4 @@
-# Generated from: media-queries-scripting.yml
+# Generated from: scripting.yml
 # Do not edit this file by hand. Edit the source file instead!
 
 status:
diff --git a/features/update.yml 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.
+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
@@ -1,4 +1,4 @@
-# Generated from: media-queries-update.yml
+# Generated from: update.yml
 # Do not edit this file by hand. Edit the source file instead!
 
 status:
diff --git a/features/video-dynamic-range.yml 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
@@ -1,4 +1,4 @@
-# Generated from: media-queries-video-dynamic-range.yml
+# Generated from: video-dynamic-range.yml
 # Do not edit this file by hand. Edit the source file instead!
 
 status:

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-# Generated from: media-queries-color-gamut.yml`
	`1`	`+# Generated from: color-gamut.yml`
`2`	`2`	`# Do not edit this file by hand. Edit the source file instead!`
`3`	`3`
`4`	`4`	`status:`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-# Generated from: media-queries-display-mode.yml`
	`1`	`+# Generated from: display-mode.yml`
`2`	`2`	`# Do not edit this file by hand. Edit the source file instead!`
`3`	`3`
`4`	`4`	`status:`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-# Generated from: media-queries-dynamic-range.yml`
	`1`	`+# Generated from: dynamic-range.yml`
`2`	`2`	`# Do not edit this file by hand. Edit the source file instead!`
`3`	`3`
`4`	`4`	`status:`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-# Generated from: media-queries-interaction.yml`
	`1`	`+# Generated from: interaction.yml`
`2`	`2`	`# Do not edit this file by hand. Edit the source file instead!`
`3`	`3`
`4`	`4`	`status:`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-# Generated from: media-queries-inverted-colors.yml`
	`1`	`+# Generated from: inverted-colors.yml`
`2`	`2`	`# Do not edit this file by hand. Edit the source file instead!`
`3`	`3`
`4`	`4`	`status:`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-# Generated from: media-queries-overflow.yml`
	`1`	`+# Generated from: overflow.yml`
`2`	`2`	`# Do not edit this file by hand. Edit the source file instead!`
`3`	`3`
`4`	`4`	`status:`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-# Generated from: media-queries-prefers-contrast.yml`
	`1`	`+# Generated from: prefers-contrast.yml`
`2`	`2`	`# Do not edit this file by hand. Edit the source file instead!`
`3`	`3`
`4`	`4`	`status:`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-# Generated from: media-queries-prefers-reduced-data.yml`
	`1`	`+# Generated from: prefers-reduced-data.yml`
`2`	`2`	`# Do not edit this file by hand. Edit the source file instead!`
`3`	`3`
`4`	`4`	`status:`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-# Generated from: media-queries-prefers-reduced-motion.yml`
	`1`	`+# Generated from: prefers-reduced-motion.yml`
`2`	`2`	`# Do not edit this file by hand. Edit the source file instead!`
`3`	`3`
`4`	`4`	`status:`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-# Generated from: media-queries-prefers-reduced-transparency.yml`
	`1`	`+# Generated from: prefers-reduced-transparency.yml`
`2`	`2`	`# Do not edit this file by hand. Edit the source file instead!`
`3`	`3`
`4`	`4`	`status:`