Skip to content

Commit 45e649f

Browse files
chrisdavidmillschrisdavidmills
authored
Chrome 138 viewport segment media features and env variables (#27387)
1 parent 88fff7c commit 45e649f

2 files changed

Lines changed: 254 additions & 0 deletions

File tree

‎css/at-rules/media.json‎

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -757,6 +757,37 @@
757757
}
758758
}
759759
},
760+
"horizontal-viewport-segments": {
761+
"__compat": {
762+
"spec_url": "https://drafts.csswg.org/mediaqueries-5/#mf-horizontal-viewport-segments",
763+
"support": {
764+
"chrome": {
765+
"version_added": "138"
766+
},
767+
"chrome_android": "mirror",
768+
"edge": "mirror",
769+
"firefox": {
770+
"version_added": false
771+
},
772+
"firefox_android": "mirror",
773+
"oculus": "mirror",
774+
"opera": "mirror",
775+
"opera_android": "mirror",
776+
"safari": {
777+
"version_added": false
778+
},
779+
"safari_ios": "mirror",
780+
"samsunginternet_android": "mirror",
781+
"webview_android": "mirror",
782+
"webview_ios": "mirror"
783+
},
784+
"status": {
785+
"experimental": true,
786+
"standard_track": true,
787+
"deprecated": false
788+
}
789+
}
790+
},
760791
"hover": {
761792
"__compat": {
762793
"description": "`hover` media feature",
@@ -1679,6 +1710,37 @@
16791710
}
16801711
}
16811712
},
1713+
"vertical-viewport-segments": {
1714+
"__compat": {
1715+
"spec_url": "https://drafts.csswg.org/mediaqueries-5/#mf-vertical-viewport-segments",
1716+
"support": {
1717+
"chrome": {
1718+
"version_added": "138"
1719+
},
1720+
"chrome_android": "mirror",
1721+
"edge": "mirror",
1722+
"firefox": {
1723+
"version_added": false
1724+
},
1725+
"firefox_android": "mirror",
1726+
"oculus": "mirror",
1727+
"opera": "mirror",
1728+
"opera_android": "mirror",
1729+
"safari": {
1730+
"version_added": false
1731+
},
1732+
"safari_ios": "mirror",
1733+
"samsunginternet_android": "mirror",
1734+
"webview_android": "mirror",
1735+
"webview_ios": "mirror"
1736+
},
1737+
"status": {
1738+
"experimental": true,
1739+
"standard_track": true,
1740+
"deprecated": false
1741+
}
1742+
}
1743+
},
16821744
"video-dynamic-range": {
16831745
"__compat": {
16841746
"description": "`video-dynamic-range` media feature",

‎css/types/env.json‎

Lines changed: 192 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -394,6 +394,198 @@
394394
"deprecated": false
395395
}
396396
}
397+
},
398+
"viewport-segment-bottom": {
399+
"__compat": {
400+
"description": "Viewport segment variable `viewport-segment-bottom`",
401+
"spec_url": "https://drafts.csswg.org/css-env/#valdef-env-viewport-segment-bottom",
402+
"support": {
403+
"chrome": {
404+
"version_added": "138"
405+
},
406+
"chrome_android": "mirror",
407+
"edge": "mirror",
408+
"firefox": {
409+
"version_added": false
410+
},
411+
"firefox_android": "mirror",
412+
"oculus": "mirror",
413+
"opera": "mirror",
414+
"opera_android": "mirror",
415+
"safari": {
416+
"version_added": false
417+
},
418+
"safari_ios": "mirror",
419+
"samsunginternet_android": "mirror",
420+
"webview_android": "mirror",
421+
"webview_ios": "mirror"
422+
},
423+
"status": {
424+
"experimental": true,
425+
"standard_track": true,
426+
"deprecated": false
427+
}
428+
}
429+
},
430+
"viewport-segment-height": {
431+
"__compat": {
432+
"description": "Viewport segment variable `viewport-segment-height`",
433+
"spec_url": "https://drafts.csswg.org/css-env/#valdef-env-viewport-segment-height",
434+
"support": {
435+
"chrome": {
436+
"version_added": "138"
437+
},
438+
"chrome_android": "mirror",
439+
"edge": "mirror",
440+
"firefox": {
441+
"version_added": false
442+
},
443+
"firefox_android": "mirror",
444+
"oculus": "mirror",
445+
"opera": "mirror",
446+
"opera_android": "mirror",
447+
"safari": {
448+
"version_added": false
449+
},
450+
"safari_ios": "mirror",
451+
"samsunginternet_android": "mirror",
452+
"webview_android": "mirror",
453+
"webview_ios": "mirror"
454+
},
455+
"status": {
456+
"experimental": true,
457+
"standard_track": true,
458+
"deprecated": false
459+
}
460+
}
461+
},
462+
"viewport-segment-left": {
463+
"__compat": {
464+
"description": "Viewport segment variable `viewport-segment-left`",
465+
"spec_url": "https://drafts.csswg.org/css-env/#valdef-env-viewport-segment-left",
466+
"support": {
467+
"chrome": {
468+
"version_added": "138"
469+
},
470+
"chrome_android": "mirror",
471+
"edge": "mirror",
472+
"firefox": {
473+
"version_added": false
474+
},
475+
"firefox_android": "mirror",
476+
"oculus": "mirror",
477+
"opera": "mirror",
478+
"opera_android": "mirror",
479+
"safari": {
480+
"version_added": false
481+
},
482+
"safari_ios": "mirror",
483+
"samsunginternet_android": "mirror",
484+
"webview_android": "mirror",
485+
"webview_ios": "mirror"
486+
},
487+
"status": {
488+
"experimental": true,
489+
"standard_track": true,
490+
"deprecated": false
491+
}
492+
}
493+
},
494+
"viewport-segment-right": {
495+
"__compat": {
496+
"description": "Viewport segment variable `viewport-segment-right`",
497+
"spec_url": "https://drafts.csswg.org/css-env/#valdef-env-viewport-segment-right",
498+
"support": {
499+
"chrome": {
500+
"version_added": "138"
501+
},
502+
"chrome_android": "mirror",
503+
"edge": "mirror",
504+
"firefox": {
505+
"version_added": false
506+
},
507+
"firefox_android": "mirror",
508+
"oculus": "mirror",
509+
"opera": "mirror",
510+
"opera_android": "mirror",
511+
"safari": {
512+
"version_added": false
513+
},
514+
"safari_ios": "mirror",
515+
"samsunginternet_android": "mirror",
516+
"webview_android": "mirror",
517+
"webview_ios": "mirror"
518+
},
519+
"status": {
520+
"experimental": true,
521+
"standard_track": true,
522+
"deprecated": false
523+
}
524+
}
525+
},
526+
"viewport-segment-top": {
527+
"__compat": {
528+
"description": "Viewport segment variable `viewport-segment-top`",
529+
"spec_url": "https://drafts.csswg.org/css-env/#valdef-env-viewport-segment-top",
530+
"support": {
531+
"chrome": {
532+
"version_added": "138"
533+
},
534+
"chrome_android": "mirror",
535+
"edge": "mirror",
536+
"firefox": {
537+
"version_added": false
538+
},
539+
"firefox_android": "mirror",
540+
"oculus": "mirror",
541+
"opera": "mirror",
542+
"opera_android": "mirror",
543+
"safari": {
544+
"version_added": false
545+
},
546+
"safari_ios": "mirror",
547+
"samsunginternet_android": "mirror",
548+
"webview_android": "mirror",
549+
"webview_ios": "mirror"
550+
},
551+
"status": {
552+
"experimental": true,
553+
"standard_track": true,
554+
"deprecated": false
555+
}
556+
}
557+
},
558+
"viewport-segment-width": {
559+
"__compat": {
560+
"description": "Viewport segment variable `viewport-segment-width`",
561+
"spec_url": "https://drafts.csswg.org/css-env/#valdef-env-viewport-segment-width",
562+
"support": {
563+
"chrome": {
564+
"version_added": "138"
565+
},
566+
"chrome_android": "mirror",
567+
"edge": "mirror",
568+
"firefox": {
569+
"version_added": false
570+
},
571+
"firefox_android": "mirror",
572+
"oculus": "mirror",
573+
"opera": "mirror",
574+
"opera_android": "mirror",
575+
"safari": {
576+
"version_added": false
577+
},
578+
"safari_ios": "mirror",
579+
"samsunginternet_android": "mirror",
580+
"webview_android": "mirror",
581+
"webview_ios": "mirror"
582+
},
583+
"status": {
584+
"experimental": true,
585+
"standard_track": true,
586+
"deprecated": false
587+
}
588+
}
397589
}
398590
}
399591
}

0 commit comments

Comments
 (0)