Add viewport segments feature

Author: foolip

features/draft/spec/css-env-1.yml

@@ -0,0 +1,19 @@
+name: Viewport segments
+description: "The `viewport-segment-` CSS environment variables, the `horizontal-viewport-segments` and `vertical-viewport-segments` media features, and the `viewport.segments` API allow you to adapt your layout to devices where the display is split, such as foldable devices."
+spec:
+  - https://drafts.csswg.org/css-env-1/#viewport-segments
+  - https://drafts.csswg.org/css-viewport-1/#segments
+  - https://drafts.csswg.org/mediaqueries-5/#mf-horizontal-viewport-segments
+  - https://drafts.csswg.org/mediaqueries-5/#mf-vertical-viewport-segments
+compat_features:
+  - api.Viewport
+  - api.Viewport.segments
+  - api.Window.viewport
+  - css.at-rules.media.horizontal-viewport-segments
+  - css.at-rules.media.vertical-viewport-segments
+  - css.types.env.viewport-segment-bottom
+  - css.types.env.viewport-segment-height
+  - css.types.env.viewport-segment-left
+  - css.types.env.viewport-segment-right
+  - css.types.env.viewport-segment-top
+  - css.types.env.viewport-segment-width

features/draft/spec/css-viewport-1.yml

@@ -1,4 +1,4 @@
-# Generated from: css-env-1.yml
+# Generated from: viewport-segments.yml
 # Do not edit this file by hand. Edit the source file instead!
 
 status:
@@ -8,6 +8,11 @@ status:
     chrome_android: "138"
     edge: "138"
 compat_features:
+  - api.Viewport
+  - api.Viewport.segments
+  - api.Window.viewport
+  - css.at-rules.media.horizontal-viewport-segments
+  - css.at-rules.media.vertical-viewport-segments
   - css.types.env.viewport-segment-bottom
   - css.types.env.viewport-segment-height
   - css.types.env.viewport-segment-left