2.4.0

https://www.w3.org/TR/2024/WD-css-text-4-20240529/

after/syntax/css/anchor-position-1.vim

@@ -0,0 +1,4 @@
+syn keyword cssFontProp contained anchor-name anchor-scope inset-area position-anchor position-try position-try-options position-try-order
+syn keyword cssFontAttr contained span-left span-right span-x-start span-x-end x-self-start x-self-end span-x-self-start span-x-self-end span-all span-top span-bottom span-y-start span-y-end y-self-start y-self-end span-y-self-start span-y-self-end block-start block-end span-block-start span-block-end self-block-start self-block-end span-self-block-start span-self-block-end inline-start inline-end span-inline-start span-inline-end self-inline-start self-inline-end span-self-inline-start span-self-inline-end span-start span-end self-start self-end span-self-start span-self-end implicit anchor-center most-width most-height most-block-size most-inline-size flip-block flip-inline flip-start
+syn region cssFunction contained matchgroup=cssFunctionName start="\<anchor\(-size\)\=\s*(" end=")" oneline keepend
+syn match cssFontDescriptor "@position-try\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl

after/syntax/css/color-5.vim

@@ -1,4 +1,4 @@
 syn keyword cssFontProp contained components
 syn keyword cssFontAttr contained relative-colorimetric absolute-colorimetric perceptual
-syn region cssFunction contained matchgroup=cssFunctionName start="\<color-mix\|device-cmyk\s*(" end=")" contains=cssCustomProp,cssFunction,cssColor,cssFunctionComma oneline
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(color-mix\|device-cmyk\|light-dark\|contrast-color\)\>\s*(" end=")" contains=cssCustomProp,cssFunction,cssColor,cssFunctionComma oneline
 syn match cssFontDescriptor "@color-profile\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl

after/syntax/css/fonts-4.vim

@@ -1,4 +1,4 @@
-syn keyword cssFontProp contained font-synthesis font-synthesis-weight font-synthesis-style font-synthesis-small-caps font-synthesis-settings font-named-instance font-display ascent-override descent-override line-gap-override font-optical-sizing font-variation-settings font-palette font-variant-emoji font-presentation base-palette override-color
+syn keyword cssFontProp contained font-synthesis font-synthesis-weight font-synthesis-style font-synthesis-small-caps font-synthesis-position font-named-instance font-display ascent-override descent-override line-gap-override font-optical-sizing font-variation-settings font-palette font-variant-emoji font-presentation base-palette override-color
 syn keyword cssFontAttr contained emoji math fangsong swap fallback light dark contained system-ui contained ui-sans-serif ui-serif ui-monospace ui-rounded contained xxx-large contained historical-forms
 syn region cssFunction contained matchgroup=cssFunctionName start="\<\(stylistic\|styleset\|character-variant\|swash\|ornaments\|annotation\)\s*(" end=")" oneline keepend
 syn match cssFontDescriptor "@font-feature-values\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl

after/syntax/css/page-3.vim

@@ -1 +1 @@
-syn keyword cssFontProp contained marks bleed
+syn keyword cssFontProp contained marks bleed page-orientation

after/syntax/css/text-4.vim

@@ -1,2 +1,2 @@
-syn keyword cssFontProp contained white-space-collapse white-space-trim text-space-trim text-wrap text-autospace text-spacing-trim text-spacing text-group-align wrap-before wrap-after wrap-inside hyphenate-character hyphenate-limit-zone hyphenate-limit-chars hyphenate-limit-lines hyphenate-limit-last line-padding word-boundary-detection word-boundary-expansion
-syn keyword cssFontAttr contained spread punctuation preserve-breaks preserve-spaces discard-inner discard-before discard-after pretty avoid-line avoid-flex pre-wrap-auto no-limit trim-start trim-end trim-adjacent space-start space-end space-adjacent space-first no-compress ideograph-alpha ideograph-numeric ideographic-space
+syn keyword cssFontProp contained white-space-collapse white-space-trim text-space-trim text-wrap text-autospace text-spacing-trim text-spacing text-group-align wrap-before wrap-after wrap-inside hyphenate-character hyphenate-limit-zone hyphenate-limit-chars hyphenate-limit-lines hyphenate-limit-last line-padding word-boundary-detection word-space-transform
+syn keyword cssFontAttr contained math-auto spread punctuation preserve-breaks preserve-spaces discard-inner discard-before discard-after pretty avoid-line avoid-flex pre-wrap-auto no-limit space-all trim-both space-first trim-all no-compress ideograph-alpha ideograph-numeric ideographic-space

after/syntax/css/transitions-2.vim

@@ -0,0 +1 @@
+syn match cssFontDescriptor "@\(starting-style\)\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl

after/syntax/css/values-4.vim

@@ -1,3 +1,3 @@
 syn match cssValueLength contained "[-+]\=\d\+\(\.\d*\)\=\(rex\|cap\|rcap\|rch\|ic\|ric\|lh\|rlh\)"
 syn match cssValueLength contained "[-+]\=\d\+\(\.\d*\)\=\(s\|l\|d\)\=v\(h\|w\|i\|b\|min\|max\)"
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(mix\|min\|max\|clamp\|round\|mod\|rem\|a\=\(sin\|cos\|tan\)\|atan2\|pow\|sqrt\|hypot\|log\|exp\|abs\|sign\)\s*(" end=")" oneline keepend
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(min\|max\|clamp\|round\|mod\|rem\|a\=\(sin\|cos\|tan\)\|atan2\|pow\|sqrt\|hypot\|log\|exp\|abs\|sign\)\s*(" end=")" oneline keepend

after/syntax/css/view-transitions-2.vim

@@ -0,0 +1,3 @@
+syn keyword cssFontProp contained view-transition-class navigation types
+syn keyword cssPseudoClassId contained active-view-transition
+syn region cssPseudoClassFn contained matchgroup=cssFunctionName start="\<active-view-transition-type(" end=")" contains=cssStringQ,cssStringQQ

test/test.css

@@ -10,6 +10,60 @@
 	display: legacy;
 }
 
+@position-try --anchor-position-1 {
+	anchor-name: auto;
+	anchor-scope: auto;
+	inset-area: auto;
+	position-anchor: auto;
+	position-try: auto;
+	position-try-options: auto;
+	position-try-order: auto;
+	display: span-left;
+	display: span-right;
+	display: span-x-start;
+	display: span-x-end;
+	display: x-self-start;
+	display: x-self-end;
+	display: span-x-self-start;
+	display: span-x-self-end;
+	display: span-all;
+	display: span-top;
+	display: span-bottom;
+	display: span-y-start;
+	display: span-y-end;
+	display: y-self-start;
+	display: y-self-end;
+	display: span-y-self-start;
+	display: span-y-self-end;
+	display: span-block-start;
+	display: span-block-end;
+	display: self-block-start;
+	display: self-block-end;
+	display: span-self-block-start;
+	display: span-self-block-end;
+	display: span-inline-start;
+	display: span-inline-end;
+	display: self-inline-start;
+	display: self-inline-end;
+	display: span-self-inline-start;
+	display: span-self-inline-end;
+	display: span-start;
+	display: span-end;
+	display: span-self-start;
+	display: span-self-end;
+	display: implicit;
+	display: anchor-center;
+	display: most-width;
+	display: most-height;
+	display: most-block-size;
+	display: most-inline-size;
+	display: flip-block;
+	display: flip-inline;
+	display: flip-start;
+	display: anchor(--x 50%);
+	display: anchor-size(--foo height);
+}
+
 .animations-1 {
 	display: auto;
 }
@@ -100,6 +154,8 @@
 .color-5 {
 	display: device-cmyk(0, 81%, 81%, 30%);
 	display: color-mix(red yellow 65%);
+	display: light-dark(white, black);
+	display: contrast-color(red max);
 }
 
 @color-profile swopc {
@@ -371,10 +427,10 @@
 }
 
 .fonts-4 {
+	font-synthesis-position: auto;
 	font-synthesis-weight: auto;
 	font-synthesis-style: auto;
 	font-synthesis-small-caps: auto;
-	font-variation-settings: auto;
 	font-named-instance: auto;
 	font-display: auto;
 	ascent-override: auto;
@@ -672,6 +728,7 @@ mask {
 .page-3 {
 	marks: auto;
 	bleed: auto;
+	page-orientation: auto;
 }
 
 .page-floats-3 {
@@ -1108,7 +1165,8 @@ view {
 	text-spacing-trim: auto;
 	text-spacing: auto;
 	word-boundary-detection: auto;
-	word-boundary-expansion: auto;
+	word-space-transform: auto;
+	display: math-auto;
 	display: preserve-breaks;
 	display: preserve-spaces;
 	display: discard-inner;
@@ -1120,13 +1178,10 @@ view {
 	display: pre-wrap-auto;
 	display: no-limit;
 	display: spread;
-	display: trim-start;
-	display: space-start;
+	display: space-all;
+	display: trim-both;
 	display: space-first;
-	display: trim-end;
-	display: space-end;
-	display: trim-adjacent;
-	display: space-adjacent;
+	display: trim-all;
 	display: no-compress;
 	display: ideograph-alpha;
 	display: ideograph-numeric;
@@ -1192,6 +1247,12 @@ view {
 	display: auto;
 }
 
+@starting-style {
+	.transitions-2 {
+		display: auto;
+	}
+}
+
 .typed-om-1 {
 	display: auto;
 }
@@ -1269,7 +1330,6 @@ view {
 	display: exp(1);
 	display: abs(-1);
 	display: sign(-4);
-	display: mix(33%; 1px; 2px);
 }
 
 .variables-1 {
@@ -1284,6 +1344,13 @@ view {
 	view-transition-name: auto;
 }
 
+.view-transitions-2:active-view-transition,
+.view-transitions-1:active-view-transition-type(slide-in) {
+	view-transition-class: auto;
+	navigation: auto;
+	types: auto;
+}
+
 .web-animations-1 {
 	display: auto;
 }