Add media-query-range-syntax.dist.yml (#1099)

The browser versions remain the same.

Author: foolip

features/media-query-range-syntax.dist.yml

@@ -0,0 +1,20 @@
+# Generated from: media-query-range-syntax.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+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."
+caniuse: css-media-range-syntax
+spec: https://drafts.csswg.org/mediaqueries-4/#mq-range-context
+status:
+  baseline: low
+  baseline_low_date: 2023-03-27
+  support:
+    chrome: "104"
+    chrome_android: "104"
+    edge: "104"
+    firefox: "102"
+    firefox_android: "102"
+    safari: "16.4"
+    safari_ios: "16.4"
+compat_features:
+  - css.at-rules.media.range_syntax

features/media-query-range-syntax.yml

@@ -2,16 +2,3 @@ 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."
 caniuse: css-media-range-syntax
 spec: https://drafts.csswg.org/mediaqueries-4/#mq-range-context
-status:
-  baseline: low
-  baseline_low_date: 2023-03-27
-  support:
-    chrome: "104"
-    chrome_android: "104"
-    edge: "104"
-    firefox: "102"
-    firefox_android: "102"
-    safari: "16.4"
-    safari_ios: "16.4"
-compat_features:
-  - css.at-rules.media.range_syntax