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/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-space-transform
-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 space-all trim-auto space-first trim-all no-compress ideograph-alpha ideograph-numeric ideographic-space
+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/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;
@@ -1110,6 +1166,7 @@ view {
 	text-spacing: auto;
 	word-boundary-detection: auto;
 	word-space-transform: auto;
+	display: math-auto;
 	display: preserve-breaks;
 	display: preserve-spaces;
 	display: discard-inner;
@@ -1122,7 +1179,7 @@ view {
 	display: no-limit;
 	display: spread;
 	display: space-all;
-	display: trim-auto;
+	display: trim-both;
 	display: space-first;
 	display: trim-all;
 	display: no-compress;
@@ -1287,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;
 }