Add forms-1.vim

https://www.w3.org/TR/2025/WD-css-forms-1-20250325/

.github/FUNDING.yml

@@ -1 +0,0 @@
-github: hail2u

README.md

@@ -5,12 +5,21 @@ CSS3 syntax (and syntax defined in some foreign specifications) support for
 [Vim][1]’s built-in `syntax/css.vim`
 
 
+COMPATIBILITY
+-------------
+
+This syntax files are compatible with the default runtime files that come with
+**Vim 9.0 or higher**. If you still use Vim 8.x or lower, you must:
+
+  - Copy [latest CSS syntax file][2] to your `~/.vim/` directory (recommended)
+  - Update runtime files
+  - Use [older version][3]
+  - Switch to [`vim80` branch][4]
+
+
 INSTALLATION
 ------------
 
-I **strongly** recommend to install this plugin on *Vim 8.1 or higher with
-default runtime files*.
-
 
 ### Vim package
 
@@ -34,25 +43,6 @@ to your `~/.vim` directory.
 NOTES
 -----
 
-### Highlighting problems on: `vertical-align`, `box-shadow`, and others
-
-Some properties do not highlight correctly by default. This is a limitation of
-Vim’s highlight priority mechanism. To fix this problems, put following lines
-in your `~/.vim/after/css.vim`:
-
-    setlocal iskeyword+=-
-
-Or in your `~/.vimrc`:
-
-    augroup VimCSS3Syntax
-      autocmd!
-
-      autocmd FileType css setlocal iskeyword+=-
-    augroup END
-
-This setting have side effects. So, use it at your own risk.
-
-
 ### Vendor Prefixes
 
 I do not plan to support CSS3 properties (or functions) with vendor prefixes,
@@ -83,13 +73,16 @@ want to highlight Media Queries correctly, you must update Vim to 8.0+.
 AUTHOR
 ------
 
-Kyo Nagashima <hail2u@gmail.com> (https://kyonagashima.com/)
+Kyo Nagashima <hail2u@gmail.com> (https://hail2u.net/)
 
 
 LICENSE
 -------
 
-MIT License
+MIT
 
 
 [1]: http://www.vim.org/
+[2]: https://github.com/vim/vim/blob/master/runtime/syntax/css.vim
+[3]: https://github.com/hail2u/vim-css3-syntax/releases/tag/v1.10.2
+[4]: https://github.com/hail2u/vim-css3-syntax/tree/vim80

after/syntax/css/align-3.vim

@@ -1,5 +1,2 @@
-syn match cssFontProp contained "\<place-\(self\|content\|items\)\>"
-syn match cssFontProp contained "\<\(row-\)\=gap\>"
-syn keyword cssFontAttr contained safe unsafe legacy
-syn match cssFontAttr contained "\<self-\(start\|end\)\>"
-syn match cssFontAttr contained "\<space-evenly\>"
+syn keyword cssFontProp contained place-self place-content place-items row-gap
+syn keyword cssFontAttr contained safe unsafe legacy self-start self-end

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

@@ -0,0 +1,4 @@
+syn keyword cssFontProp contained anchor-name anchor-scope position-area position-anchor position-try position-try-fallbacks position-try-order position-visibility
+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 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/animations-2.vim

@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained animation-composition animation-timeline
+syn keyword cssFontAttr contained replace accumulate

after/syntax/css/backgrounds-4.vim

@@ -1,7 +1,2 @@
-syn keyword cssFontProp contained corners
-syn match cssFontProp contained "\<background-position-\(x\|y\|inline\|block\)\>"
-syn match cssFontProp contained "\<corner-shape\>"
-syn match cssFontProp contained "\<border-limit\>"
-syn match cssFontProp contained "\<border-clip\(-\(top\|right\|bottom\|left\)\)\=\>"
-syn keyword cssFontAttr contained bevel scoop notch
-syn match cssFontAttr contained "\<\(x\|y\)-\(start\|end\)\>"
+syn keyword cssFontProp contained background-position-x background-position-y background-position-inline background-position-block corners corner-shape border-limit border-clip border-clip-top border-clip-right border-clip-bottom border-clip-left
+syn keyword cssFontAttr contained x-start x-end y-start y-end bevel scoop notch

after/syntax/css/box-3.vim

@@ -1,9 +0,0 @@
-syn match cssBoxProp contained "\<margin-trim\>"
-syn match cssBoxAttr contained "\<in-flow\>"
-" These will be moved to block-3
-syn match cssBoxProp contained "\<clear-after\>"
-syn match cssBoxProp contained "\<float-displace\>"
-syn match cssBoxProp contained "\<indent-edge-reset\>"
-syn keyword cssBoxAttr contained scrollbar panner marquee decendants
-syn match cssBoxAttr contained "\<block-within-page\>"
-syn match cssBoxAttr contained "\<\(margin\|border\|padding\|content\)-edge\>"

after/syntax/css/box-4.vim

@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained margin-trim
+syn keyword cssFontAttr contained in-flow

after/syntax/css/break-4.vim

@@ -1,2 +1,2 @@
-syn match cssBoxProp contained "\<margin-break\>"
+syn keyword cssFontProp contained margin-break
 syn keyword cssFontAttr contained keep

after/syntax/css/cascade-4.vim

@@ -1,2 +1,2 @@
-syn keyword cssCommonAttr contained revert
+syn keyword cssFontAttr contained revert
 syn region cssURL contained matchgroup=cssFunctionName start="\<supports\s*(" end=")" oneline keepend

after/syntax/css/cascade-5.vim

@@ -0,0 +1 @@
+syn keyword cssFontAttr contained revert-layer

after/syntax/css/color-4.vim

@@ -1,4 +1,2 @@
-syn keyword cssFontAttr contained perceptual
-syn match cssFontAttr contained "\<\(relative\|absolute\)-colorimetric\>"
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(hwb\|lab\|lch\|gray\|color\|device-cmyk\=\)\s*(" end=")" oneline keepend
-syn match cssFontDescriptor "@color-profile\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl
+syn keyword cssFontAttr contained accentcolor accentcolortext
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(hwb\|lab\|lch\|oklab\|oklch\|color\=\)\s*(" end=")" oneline keepend

after/syntax/css/color-5.vim

@@ -1 +1,4 @@
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(color-\(mix\|contrast\|adjust\)\|red\|green\|blue\|alpha\|hue\|saturation\|lightness\|whiteness\|blackness\|a\|b\|chroma\)\s*(" end=")" contains=cssCustomProp,cssFunction,cssColor,cssFunctionComma oneline
+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\|light-dark\|contrast-color\)\>\s*(" end=")" contains=cssCustomProp,cssFunction,cssColor,cssFunctionComma oneline
+syn match cssFontDescriptor "@color-profile\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl

after/syntax/css/color-adjust-1.vim

@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained forced-color-adjust print-color-adjust color-adjust color-scheme
+syn keyword cssFontAttr contained economy exact

after/syntax/css/color-adjust.vim

@@ -1,3 +0,0 @@
-syn match cssColorProp contained "\<\(forced-\)\=color-adjust\>"
-syn match cssColorProp contained "\<color-scheme\>"
-syn keyword cssFontAttr contained only economy exact

after/syntax/css/color-hdr-1.vim

@@ -0,0 +1,3 @@
+syn keyword cssFontProp contained dynamic-range-limit
+syn keyword cssFontAttr contained standard constrained-high
+syn region cssFunction contained matchgroup=cssFunctionName start="\<dynamic-range-limit-mix\s*(" end=")" oneline keepend

after/syntax/css/compositing-1.vim

@@ -1,3 +1,2 @@
-syn keyword cssFontProp contained isolation
-syn match cssFontProp contained "\<\(mix\|background\)-blend-mode\>"
+syn keyword cssFontProp contained isolation mix-blend-mode background-blend-mode
 syn keyword cssFontAttr contained multiply screen overlay darken lighten color-dodge color-burn hard-light soft-light difference exclusion hue saturation color luminosity

after/syntax/css/conditional-5.vim

@@ -0,0 +1,3 @@
+syn keyword cssFontProp contained container-type container-name container
+syn keyword cssFontAttr contained inline-size
+syn match cssFontDescriptor "@\(when\|else\)\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl

after/syntax/css/contain-2.vim

@@ -0,0 +1 @@
+syn keyword cssFontProp content-visibility

after/syntax/css/content-3.vim

@@ -1,4 +1,3 @@
-syn match cssGeneratedContentProp contained "\<string-set\>"
-syn match cssGeneratedContentProp contained "\<bookmark-\(label\|level\|state\)\>"
-syn keyword cssGeneratedContentAttr contained open closed
+syn keyword cssFontProp contained string-set bookmark-label bookmark-level bookmark-state
+syn keyword cssFontAttr contained open closed
 syn region cssFunction contained matchgroup=cssFunctionName start="\<\(leader\|string\|target-\(counter\|counters\|text\)\)\s*(" end=")" oneline keepend

after/syntax/css/counter-styles-3.vim

@@ -1,13 +1,4 @@
-syn keyword cssGeneratedContentProp contained system negative prefix suffix range pad fallback
-syn match cssGeneratedContentProp contained "\<\(additive-\)\=symbols\>"
-syn match cssGeneratedContentProp contained "\<speak-as\>"
-syn keyword cssGeneratedContentAttr contained cyclic symbolic additive extends bullets numbers words bengali cambodian khmer devanagari gujarati gurmukhi kannada lao malayalam mongolian myanmar oriya persian tamil telugu thai tibetan
-syn match cssGeneratedContentAttr contained "\<\(ethiopic-\)\=numeric\>"
-syn match cssGeneratedContentAttr contained "\<arabic-indic\>"
-syn match cssGeneratedContentAttr contained "\<\(upper\|lower\)-armenian\>"
-syn match cssGeneratedContentAttr contained "\<cjk-\(decimal\|earthly-branch\|heavenly-stem\)\>"
-syn match cssGeneratedContentAttr contained "\<disclosure-\(open\|closed\)\>"
-syn match cssGeneratedContentAttr contained "\<\(japanese\|korean-hanja\|\(simp\|trad\)-chinese\)-\(in\)\=formal\>"
-syn match cssGeneratedContentAttr contained "\<korean-hangul-formal\>"
+syn keyword cssFontProp contained system negative prefix suffix range pad fallback additive-symbols symbols speak-as
+syn keyword cssFontAttr contained cyclic symbolic additive extends bullets numbers words bengali cambodian khmer devanagari gujarati gurmukhi kannada lao malayalam mongolian myanmar oriya persian tamil telugu thai tibetan ethiopic-numeric numeric arabic-indic upper-armenian lower-armenian cjk-decimal cjk-earthly-branch cjk-heavenly-stem disclosure-open disclosure-closed japanese-formal korean-hanja-formal simp-chinese-formal trad-chinese-formal japanese-informal korean-hanja-informal simp-chinese-informal trad-chinese-informal korean-hangul-formal
 syn region cssFunction contained matchgroup=cssFunctionName start="\<symbols\s*(" end=")" oneline keepend
 syn match cssFontDescriptor "@counter-style\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl

after/syntax/css/cssom-view-1.vim

@@ -1,2 +1,2 @@
-syn match cssFontProp contained "\<scroll-behavior\>"
+syn keyword cssFontProp contained scroll-behavior
 syn keyword cssFontAttr contained smooth

after/syntax/css/device-adapt-1.vim

@@ -1,2 +1,2 @@
-syn match cssFontProp contained "\<\(min\|max\|user\)-zoom\>"
+syn keyword cssFontProp contained min-zoom max-zoom user-zoom
 syn match cssFontDescriptor "@viewport\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl

after/syntax/css/display-3.vim

@@ -1,2 +1 @@
-syn keyword cssFontAttr contained contents discard
-syn match cssBoxAttr contained "\<ruby\(-\(base\(-group\)\=\|text\(-group\)\=\)\)\=\>"
+syn keyword cssFontAttr contained contents run-in

after/syntax/css/display-4.vim

@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained reading-flow
+syn keyword cssFontAttr contained flex-visual flex-flow grid-rows grid-columns

after/syntax/css/easing-2.vim

@@ -0,0 +1 @@
+syn region cssFunction contained matchgroup=cssFunctionName start="\<linear\s*(" end=")" oneline contains=cssValueInteger,cssValueNumber,cssValueLength,cssFunctionComma

after/syntax/css/exclusions-3.vim

@@ -1,3 +1,2 @@
-" TODO: create cssExclusionsProp group and cssExclusionsAttr group
-syn match cssFontProp contained "\<wrap-\(flow\|through\)\>"
+syn keyword cssFontProp contained wrap-flow wrap-through
 syn keyword cssFontAttr contained minimum maximum

after/syntax/css/fill-stroke-3.vim

@@ -1,5 +1,2 @@
-syn match cssFontProp contained "\<\(fill\|stroke\)\(-\(break\|color\|image\|origin\|position\|size\|repeat\|opacity\)\)\=\>"
-syn match cssFontProp contained "\<fill-rule\>"
-syn match cssFontProp contained "\<stroke-\(width\|align\|line\(cap\|join\)\|miterlimit\|dash\(array\|offset\)\|dash-\(corner\|justify\)\)\>"
-syn keyword cssFontAttr contained butt arcs stupid compress dashes gaps
-syn match cssFontAttr contained "\<bounding-box\>"
+syn keyword cssFontProp contained fill stroke fill-break fill-color fill-image fill-origin fill-position fill-size fill-repeat fill-opacity stroke-break stroke-color stroke-image stroke-origin stroke-position stroke-size stroke-repeat stroke-opacity fill-rule stroke-width stroke-align stroke-linecap stroke-linejoin stroke-miterlimit stroke-dasharray stroke-dashoffset stroke-dash-corner stroke-dash-justify
+syn keyword cssFontAttr contained butt arcs stupid compress dashes gaps bounding-box

after/syntax/css/filter-effects-1.vim

@@ -1,5 +1,2 @@
-syn match cssFontProp contained "\<flood-\(color\|opacity\)\>"
-syn match cssFontProp contained "\<color-interpolation-filters\>"
-syn match cssFontProp contained "\<lighting-color\>"
+syn keyword cssFontProp contained flood-color flood-opacity color-interpolation-filters lighting-color
 syn keyword cssFontAttr sRGB linearRGB
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(blur\|brightness\|contrast\|drop-shadow\|grayscale\|hue-rotate\|invert\|opacity\|saturate\|sepia\)\s*(" end=")" oneline keepend

after/syntax/css/fonts-3.vim

@@ -1,10 +1 @@
-syn keyword cssFontAttr contained unicase jis78 jis83 jis90 jis04 simplified traditional ordinal
-syn match cssFontAttr contained "\<\(no-\)\=\(common\|discretionary\|historical\)-ligatures\>"
-syn match cssFontAttr contained "\<\(no-\)\=contextual\>"
-syn match cssFontAttr contained "\<all-small-caps\>"
-syn match cssFontAttr contained "\<\(all-\)\=petite-caps\>"
-syn match cssFontAttr contained "\<titling-caps\>"
-syn match cssFontAttr contained "\<\(lining\|oldstyle\|proportional\|tabular\)-nums\>"
-syn match cssFontAttr contained "\<\(diagonal\|stacked\)-fractions\>"
-syn match cssFontAttr contained "\<proportional-width\>"
-syn match cssFontAttr contained "\<slashed-zero\>"
+syn keyword cssFontAttr contained unicase jis78 jis83 jis90 jis04 simplified traditional ordinal no-common-ligatures no-discretionary-ligatures no-historical-ligatures common-ligatures discretionary-ligatures historical-ligatures no-contextual contextual all-small-caps all-petite-caps petite-caps titling-caps lining-nums oldstyle-nums proportional-nums tabular-nums diagonal-fractions stacked-fractions proportional-width slashed-zero

after/syntax/css/fonts-4.vim

@@ -1,16 +1,5 @@
-syn match cssFontProp contained "\<font-display\>"
-syn match cssFontProp contained "\<font-optical-sizing\>"
-syn match cssFontProp contained "\<font-variation-settings\>"
-syn match cssFontProp contained "\<font-palette\>"
-syn match cssFontProp contained "\<font-presentation\>"
-syn match cssFontProp contained "\<base-palette\>"
-syn match cssFontProp contained "\<override-color\>"
-syn match cssFontProp contained "\<font-variant-emoji\>"
-syn keyword cssFontAttr contained emoji math fangsong infinity swap fallback optional light dark
-syn match cssFontAttr contained "\<system-ui\>"
-syn match cssFontAttr contained "\<ui-\(\(sans-\)\=serif\|monospace\|rounded\)\>"
-syn match cssFontAttr contained "\<historical-forms\>"
-syn match cssFontAttr contained "\<xxx-large\>"
+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
+syn match cssFontDescriptor "@font-feature-values\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl
 syn match cssFontDescriptor "@font-palette-values\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl

after/syntax/css/forms-1.vim

@@ -0,0 +1,5 @@
+syn keyword cssFontProp contained slider-orientation
+syn keyword cssFontAttr contained base left-to-right right-to-left top-to-bottom bottom-to-top
+syn keyword cssPseudoClassId contained picker-icon file-selector-button checkmark thumb track fill field-text clear-icon placeholder step-control step-up step-down field-component field-separator color-swatch low-value high-value optimal-value
+syn region cssPseudoClassFn contained matchgroup=cssFunctionName start="\<picker(" end=")" contains=cssStringQ,cssStringQQ
+syn region cssFunction contained matchgroup=cssFunctionName start="\<control-value\s*(" end=")" oneline keepend

after/syntax/css/gcpm-3.vim

@@ -1,5 +1,4 @@
-syn keyword cssGeneratedContentProp contained running
-syn match cssGeneratedContentProp contained "\<footnote-\(display\|policy\)\>"
-syn keyword cssGeneratedContentAttr contained footnote line
+syn keyword cssFontProp contained running footnote-display footnote-policy
+syn keyword cssFontAttr contained footnote line
 syn region cssFunction contained matchgroup=cssFunctionName start="\<\(element\|running\)\s*(" end=")" oneline keepend
-syn match cssPseudoClassId contained "\<footnote-\(call\|marker\)\>"
+syn keyword cssPseudoClassId contained footnote-call footnote-marker

after/syntax/css/grid-1.vim

@@ -1,3 +1,2 @@
-syn keyword cssFontAttr contained dense span
-syn match cssFontAttr contained "\<auto-flow\>"
+syn keyword cssFontAttr contained dense span auto-flow
 syn region cssFunction contained matchgroup=cssFunctionName start="\<\(minmax\|repeat\)\s*(" end=")" oneline keepend

after/syntax/css/grid-3.vim

@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained masonry-direction masonry-fill masonry-flow masonry masonry-template-tracks masonry-template-areas masonry-auto-tracks masonry-track-start masonry-track-end masonry-track masonry-slack item-track item-direction item-wrap item-cross item-pack item-slack item-flow
+syn keyword cssFontAttr contained masonry inline-masonry

after/syntax/css/highlight-api-1.vim

@@ -0,0 +1 @@
+syn region cssPseudoClassFn contained matchgroup=cssFunctionName start="\<highlight(" end=")" contains=cssStringQ,cssStringQQ

after/syntax/css/html5.vim

@@ -1 +1 @@
-syn keyword cssTagName picture rb rtc slot template
+syn keyword cssTagName rb rtc slot template

after/syntax/css/images-3.vim

@@ -1,6 +1,3 @@
-syn match cssFontProp contained "\<object-\(fit\|position\)\>"
-syn match cssFontProp contained "\<image-orientation\>"
-syn keyword cssFontAttr contained snap flip
-syn match cssFontAttr contained "\<scale-down\>"
-syn match cssFontAttr contained "\<from-image\>"
+syn keyword cssFontProp contained image-orientation
+syn keyword cssFontAttr contained snap flip pixelated from-image
 syn region cssFunction contained matchgroup=cssFunctionName start="\<\(repeating-\(linear\|radial\)-gradient\)\s*(" end=")" oneline keepend

after/syntax/css/images-4.vim

@@ -1,2 +1,2 @@
-syn match cssFontProp contained "\<image-resolution\>"
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(image\|element\|conic-gradient\)\s*(" end=")" oneline keepend
+syn keyword cssFontProp contained image-resolution
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(image\|element\)\s*(" end=")" oneline keepend

after/syntax/css/inline-3.vim

@@ -1,5 +1,2 @@
-syn match cssFontProp contained "\<\(dominant\|alignment\)-baseline\>"
-syn match cssFontProp contained "\<baseline-shift\>"
-syn match cssFontProp contained "\<inline-sizing\>"
-syn match cssFontProp contained "\<initial-letters\(-\(align\|wrap\)\)\="
-syn keyword cssFontAttr contained mathematical ideographic
+syn keyword cssFontProp contained dominant-baseline alignment-baseline baseline-shift baseline-source line-fit-edge text-box text-box-edge text-box-trim inline-sizing initial-letter initial-letter-align initial-letter-wrap
+syn keyword cssFontAttr contained central mathematical leading cap ex drop raise ideographic ideographic-ink trim-start trim-end

after/syntax/css/line-grid-1.vim

@@ -1,5 +1,2 @@
-syn match cssFontProp contained "\<line-\(grid\|snap\)"
-syn match cssFontProp contained "\<box-snap\>"
-syn keyword cssFontAttr contained create
-syn match cssFontAttr contained "\<block-\(start\|end\)\>"
-syn match cssFontAttr contained "\<\(first\|last\)-baseline\>"
+syn keyword cssFontProp contained line-grid line-snap box-snap
+syn keyword cssFontAttr contained create block-start block-end first-baseline last-baseline

after/syntax/css/lists-3.vim

@@ -1,7 +1,3 @@
-" WD-css-lists-3-20190817
-syn match cssGeneratedContentProp contained "\<marker-side\>"
-syn match cssGeneratedContentProp contained "\<counter-set\>"
-syn keyword cssGeneratedContentAttr contained marker
-syn match cssGeneratedContentAttr contained "\<match-self\>"
-syn match cssGeneratedContentAttr contained "\<list-container\>"
+syn keyword cssFontProp contained marker-side counter-set
+syn keyword cssFontAttr contained marker contained match-self contained list-container
 syn region cssFunction contained matchgroup=cssFunctionName start="\<counters\s*(" end=")" oneline keepend

after/syntax/css/logical-1.vim

@@ -1,5 +1,2 @@
-syn match cssFontProp contained "\<\(\(min\|max\)-\)\=\(block\|inline\)-size\>"
-syn match cssFontProp contained "\<\(margin\|inset\|padding\)\(-\(block\|inline\)\(-\(start\|end\)\)\=\)\=\>"
-syn match cssFontProp contained "\<border-\(block\|inline\)\(\(-\(start\|end\)\)\=\(-\(width\|style\|color\)\)\=\)\=\>"
-syn match cssFontProp contained "\<border-\(start\|end\)-\(start\|end\)-radius\>"
+syn keyword cssFontProp contained block-size inline-size min-block-size min-inline-size max-block-size max-inline-size margin-block padding-block margin-block-start padding-block-start margin-block-end padding-block-end margin-inline padding-inline margin-inline-start padding-inline-start margin-inline-end padding-inline-end border-block border-inline border-block-start border-block-end border-inline-start border-inline-end border-block-width border-inline-width border-block-start-width border-block-end-width border-inline-start-width border-inline-end-width border-block-style border-inline-style border-block-start-style border-block-end-style border-inline-start-style border-inline-end-style border-block-color border-inline-color border-block-start-color border-block-end-color border-inline-start-color border-inline-end-color border-start-start-radius border-start-end-radius border-end-start-radius border-end-end-radius
 syn keyword cssFontAttr contained logical physical rotate

after/syntax/css/masking-1.vim

@@ -1,7 +1,3 @@
-syn match cssFontProp contained "\<clip-\(path\|rule\)\>"
-syn match cssFontProp contained "\<mask\(-\(image\|mode\|repeat\|position\|clip\|origin\|size\|composite\|type\)\)\=\>"
-syn match cssFontProp contained "\<mask-border\(-\(source\|mode\|slice\|width\|outset\|repeat\)\)\=\>"
-syn keyword cssFontAttr contained nonzero evenodd alpha luminance add subtract intersect exclude
-syn match cssFontAttr contained "\<\(fill\|stroke\|view\)-box\>"
-syn match cssFontAttr contained "\<no-clip\>"
-syn match cssTagName "\<mask\>"
+syn keyword cssFontProp contained clip-path clip-rule mask mask-image mask-mode mask-repeat mask-position mask-clip mask-origin mask-size mask-composite mask-type mask-border mask-border-source mask-border-mode mask-border-slice mask-border-width mask-border-outset mask-border-repeat
+syn keyword cssFontAttr contained nonzero evenodd alpha luminance add subtract intersect exclude fill-box stroke-box view-box no-clip
+syn keyword cssTagName mask

after/syntax/css/motion-1.vim

@@ -1,2 +1,2 @@
-syn match cssFontProp contained "\<offset\(-\(path\|distance\|position\|anchor\|rotate\)\)\=\>"
+syn keyword cssFontProp contained offset offset-path offset-distance offset-position offset-anchor offset-rotate
 syn region cssFunction contained matchgroup=cssFunctionName start="\<\(ray\|path\)\s*(" end=")" oneline keepend

after/syntax/css/multicol-1.vim

@@ -1 +1 @@
-syn match cssFontAttr contained "\<balance\(-all\)\=\>"
+syn keyword cssFontAttr contained balance balance-all

after/syntax/css/multicol-2.vim

@@ -0,0 +1 @@
+syn keyword cssPseudoClassId contained column

after/syntax/css/nav-1.vim

@@ -1,2 +1,2 @@
-syn match cssFontProp contained "\<spatial-navigation-\(action\|contain\|function\)\>"
+syn keyword cssFontProp contained spatial-navigation-action spatial-navigation-contain spatial-navigation-function
 syn keyword cssFontAttr contained focus

after/syntax/css/overflow-3.vim

@@ -1,5 +1 @@
-syn keyword cssFontProp contained continue
-syn match cssFontProp contained "\<block-overflow\>"
-syn match cssFontProp contained "\<line-clamp\>"
-syn match cssFontProp contained "\<max-lines\>"
-syn match cssFontProp contained "\<overflow-\(block\|inline\)\>"
+syn keyword cssFontProp contained continue overflow-clip-margin overflow-block overflow-inline scrollbar-gutter block-ellipsis line-clamp max-lines

after/syntax/css/overflow-4.vim

@@ -1,3 +1,3 @@
-syn match cssFontProp contained "\<scrollbar-gutter\>"
+syn keyword cssFontProp contained overflow-clip-margin-block overflow-clip-margin-block-start overflow-clip-margin-block-end overflow-clip-margin-inline overflow-clip-margin-inline-start overflow-clip-margin-inline-end overflow-clip-margin-top overflow-clip-margin-right overflow-clip-margin-bottom overflow-clip-margin-left
 syn keyword cssFontAttr contained stable force overflow paginate fragments
 syn region cssPseudoClassLang matchgroup=cssPseudoClassId start=":\(nth-fragment\)(" end=")" oneline

after/syntax/css/overflow-5.vim

@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained scroll-marker-group
+syn keyword cssPseudoClassId contained scroll-marker-group scroll-marker target-current

after/syntax/css/overscroll-1.vim

@@ -1 +1 @@
-syn match cssFontProp contained "\<overscroll-behavior\(-\(block\|inline\|x\|y\)\)\=\>"
+syn keyword cssFontProp contained overscroll-behavior overscroll-behavior-block overscroll-behavior-inline overscroll-behavior-x overscroll-behavior-y

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/page-floats-3.vim

@@ -1,4 +1,3 @@
-syn match cssPositioningProp contained "\<float-\(reference\|defer\|offset\)\>"
-syn match cssPositioningAttr contained "\<inline-\(start\|end\)\>"
-syn match cssPositioningAttr contained "\<snap-\(block\|inline\)\>"
+syn keyword cssFontProp contained float-reference float-defer float-offset
+syn keyword cssFontAttr contained inline-start inline-end snap-block snap-inline
 syn region cssURL contained matchgroup=cssFunctionName start="\<snap-\(block\|inline\)\s*(" end=")" oneline keepend

after/syntax/css/pointerevents.vim

@@ -1,3 +1,2 @@
-syn match cssFontProp contained "\<touch-action\>"
-syn keyword cssFontAttr contained manipulation
-syn match cssFontAttr contained "\<pan-\(x\|y\)\>"
+syn keyword cssFontProp contained touch-action
+syn keyword cssFontAttr contained manipulation pan-x pan-y

after/syntax/css/position-3.vim

@@ -1,2 +1 @@
-syn match cssFontProp contained "\<offset-\(before\|end\|after\|start\)\>"
-syn keyword cssFontAttr contained sticky
+syn keyword cssFontProp contained inset inset-block inset-inline inset-block-start inset-block-end inset-inline-start inset-inline-end

after/syntax/css/properties-values-api-1.vim

@@ -1,2 +1 @@
-syn keyword cssFontProp contained syntax inherits
-syn match cssFontProp contained "\<initial-value\>"
+syn keyword cssFontProp contained syntax inherits initial-value

after/syntax/css/pseudo-4.vim

@@ -1,2 +1 @@
-syn match cssPseudoClassId contained "\<inactive-selection\>"
-syn match cssPseudoClassId contained "\<\(spelling\|grammer\)-error\>"
+syn keyword cssPseudoClassId contained prefix postfix target-text spelling-error grammer-error file-selectors-button

after/syntax/css/regions-1.vim

@@ -1,6 +1,3 @@
-" TODO: create cssRegionsProp group and cssRegionsAttr group
-syn match cssFontProp contained "\<flow-\(into\|from\)\>"
-syn match cssFontProp contained "\<region-fragment\>"
-syn keyword cssFontAttr contained element content break
-syn match cssFontAttr contained "\<\(avoid-\)\=region\>"
+syn keyword cssFontProp contained flow-into flow-from region-fragment
+syn keyword cssFontAttr contained element content break avoid-region region
 syn keyword cssPseudoClassId contained region

after/syntax/css/rhythm-1.vim

@@ -1,3 +1,2 @@
-syn match cssFontProp contained "\<line-height-step\>"
-syn match cssFontProp contained "\<block-step\(-\(size\|insert\|align\|round\)\)\=\>"
+syn keyword cssFontProp contained line-height-step block-step block-step-size block-step-insert block-step-align block-step-round
 syn keyword cssFontAttr contained margin up down nearest

after/syntax/css/round-display-1.vim

@@ -1,7 +1,2 @@
-syn match cssFontProp contained "\<shape-inside\>"
-syn match cssFontProp contained "\<border-boundary\>"
-syn match cssFontProp contained "\<polar-\(angle\|distance\)\>"
-syn keyword cssFontAttr contained parent polar
-syn match cssFontAttr contained "\<outside-shape\>"
-syn match cssFontAttr contained "\<shape-box\>"
-syn match cssMediaProp contained /device-radius/
+syn keyword cssFontProp contained shape-inside border-boundary polar-angle polar-distance device-radius
+syn keyword cssFontAttr contained parent polar contained outside-shape contained shape-box

after/syntax/css/ruby-1.vim

@@ -1,4 +1,2 @@
-" TODO: create cssRubyProp group and cssRubyAttr group
-syn match cssFontProp contained "\<ruby-\(position\|merge\|align\)"
-syn match cssFontAttr contained "\<ruby-\(base\|text\)-container\>"
-syn match cssFontAttr contained "\<inter-character\>"
+syn keyword cssFontProp contained ruby-position ruby-merge ruby-align ruby-overhang
+syn keyword cssFontAttr contained ruby ruby-base ruby-text ruby-base-container ruby-text-container inter-character merge

after/syntax/css/scoping-1.vim

@@ -1,5 +1,4 @@
-syn keyword cssPseudoClassId contained host shadow content
-syn match cssPseudoClassId contained "\<\(scope\|host\)-context\>"
+syn keyword cssPseudoClassId contained host shadow content scope-context host-context
 syn region cssPseudoClassLang matchgroup=cssPseudoClassId start=":\(host\)(" end=")" oneline
 syn match cssSelectorOp2 "/deep/"
 syn match cssFontDescriptor "@scope\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl

after/syntax/css/scroll-anchoring-1.vim

@@ -1 +1 @@
-syn match cssFontProp contained "\<overflow-anchor\>"
+syn keyword cssFontProp contained overflow-anchor

after/syntax/css/scroll-animations-1.vim

@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained scroll-timeline-name scroll-timeline-axis scroll-timeline view-timeline-name view-timeline-axis view-timeline-inset view-timeline animation-range animation-delay-start animation-delay-end timeline-scope
+syn keyword cssFontAttr contained entry exit defer ancestor

after/syntax/css/scroll-snap-1.vim

@@ -1,3 +1,2 @@
-syn match cssFontProp contained "\<scroll-snap-\(type\|align\|stop\)\>"
-syn match cssFontProp contained "\<scroll-\(padding\|margin\)\(-\(top\|bottom\|right\|left\|\(block\|inline\)\(-\(end\|start\)\)\=\)\)\=\>"
+syn keyword cssFontProp contained scroll-snap-type scroll-snap-align scroll-snap-stop scroll-padding scroll-margin scroll-padding-top scroll-padding-right scroll-padding-bottom scroll-padding-left scroll-padding-inline-start scroll-padding-block-start scroll-padding-inline-end scroll-padding-block-end scroll-padding-block scroll-padding-inline scroll-margin-top scroll-margin-right scroll-margin-bottom scroll-margin-left scroll-margin-inline-start scroll-margin-block-start scroll-margin-inline-end scroll-margin-block-end scroll-margin-block scroll-margin-inline
 syn keyword cssFontAttr contained x y mandatory proximity

after/syntax/css/scroll-snap-2.vim

@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained scroll-start-target
+syn keyword cssPseudoClassId contained snapped snapped-x snapped-y snapped-block snapped-inline

after/syntax/css/scrollbars-1.vim

@@ -1 +1 @@
-syn match cssFontProp contained "\<scrollbar-\(color\|width\)\>"
+syn keyword cssFontProp contained scrollbar-color scrollbar-width

after/syntax/css/selectors-3.vim

@@ -1,2 +1,2 @@
-syn keyword cssPseudoClassId contained enabled indeterminate
+syn keyword cssPseudoClassId contained indeterminate
 syn region cssPseudoClassLang matchgroup=cssPseudoClassId start=":\(nth\(-last\)\=-\(child\|of-type\)\|not\)(" end=")" oneline

after/syntax/css/selectors-4.vim

@@ -1,10 +1,3 @@
 syn match cssSelectorOp "[|]"
-syn keyword cssPseudoClassId contained scope current past future default valid required optional blank playing paused
-syn match cssPseudoClassId contained "\<\(any\|local\)-link\>"
-syn match cssPseudoClassId contained "\<read-\(only\|write\)\>"
-syn match cssPseudoClassId contained "\<placeholder-shown\>"
-syn match cssPseudoClassId contained "\<\(in\|out-of\)-range\>"
-syn match cssPseudoClassId contained "\<user-invalid\>"
-syn match cssPseudoClassId contained "\<target-within\>"
-syn match cssPseudoClassId contained "\<focus-\(within\|visible\)\>"
-syn region cssPseudoClassLang matchgroup=cssPseudoClassId start=":\(is\|dir\|local-link\|current\|nth\(-last\)\=-col\|has\|where\)(" end=")" oneline
+syn keyword cssPseudoClassId contained scope current past future default valid required optional blank playing paused any-link local-link read-only read-write placeholder-shown in-range out-of-range user-invalid user-valid target-within defined modal fullscreen picture-in-picture seeking buffering stalled muted volume-locked autofill open closed
+syn region cssPseudoClassLang matchgroup=cssPseudoClassId start=":\(dir\|local-link\|current\|nth\(-last\)\=-col\|has\|where\)(" end=")" oneline

after/syntax/css/shapes-1.vim

@@ -1,4 +1,3 @@
-" TODO: create cssShapesProp group and cssShapesAttr group
-syn match cssFontProp contained "\<shape-\(outside\|image-threshold\|margin\)\>"
-syn match cssFontAttr contained "\<margin-box\>"
+syn keyword cssFontProp contained shape-outside shape-image-threshold shape-margin
+syn keyword cssFontAttr contained margin-box
 syn region cssFunction contained matchgroup=cssFunctionName start="\<\(inset\|circle\|ellipse\|polygon\)\s*(" end=")" oneline keepend

after/syntax/css/sizing-3.vim

@@ -1,2 +0,0 @@
-syn match cssFontAttr contained "\<\(\(min\|max\)-content\)\>"
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(fit-content\)\s*(" end=")" oneline keepend

after/syntax/css/sizing-4.vim

@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained contain-intrinsic-size min-intrinsic-sizing
+syn keyword cssFontAttr contained zero-if-scroll zero-if-extrinsic

after/syntax/css/speech-1.vim

@@ -1,6 +1,3 @@
-syn match cssAuralProp contained "\<voice-\(volume\|balance\|rate\|pitch\|range\|stress\|duration\)\>"
-syn match cssAuralProp contained "\<rest\(-\(before\|after\)\)\=\>"
-syn keyword cssAuralAttr contained young old neutral preserve moderate reduced
-syn match cssAuralAttr contained "\<\(literal\|no\)-punctuation\>"
-syn match cssAuralAttr contained "\<\(x-\)\=\(weak\|strong\)\>"
+syn keyword cssFontProp contained voice-volume voice-balance voice-rate voice-pitch voice-range voice-stress voice-duration rest rest-before rest-after
+syn keyword cssFontAttr contained young old neutral preserve moderate reduced literal-punctuation no-punctuation weak x-weak strong x-strong never
 syn match cssValueNumber contained "[-+]\=\d\+\(dB\|st\)"

after/syntax/css/svg2.vim

@@ -1,15 +1,4 @@
 syn keyword cssTagName animate animateMotion animateTransform circle clipPath cursor defs desc discard ellipse feBlend feColorMatrix feComponentTransfer feComposite feConvolveMatrix feDiffuseLighting feDisplacementMap feDistantLight feDropShadow feFlood feFuncA feFuncB feFuncG feFuncR feGaussianBlur feImage feMerge feMergeNode feMorphology feOffset fePointLight feSpecularLighting feSpotLight feTile feTurbulence filter foreignObject g hatch hatchpath image line linearGradient marker mesh meshgradient meshpatch meshrow metadata mpath path pattern polygon polyline radialGradient rect set solidcolor stop switch symbol text textPath tspan unknown use view
-syn keyword cssFontProp contained cx cy d r rx ry x y
-syn match cssFontProp contained "\<color-\(interpolation\|rendering\)\>"
-syn match cssFontProp contained "\<marker-\(end\|mid\|start\)\>"
-syn match cssFontProp contained "\<shape-rendering\>"
-syn match cssFontProp contained "\<solid-\(color\|opacity\)\>"
-syn match cssFontProp contained "\<stop-\(color\|opacity\)\>"
-syn match cssFontProp contained "\<text-anchor\>"
-syn match cssFontProp contained "\<vector-effect\>"
-syn keyword cssFontAttr contained crispEdges geometricPrecision optimizeQuality viewport
-syn match cssFontAttr contained "\<context-\(fill\|stroke\)\>"
-syn match cssFontAttr contained "\<fixed-position\>"
-syn match cssFontAttr contained "\<miter\(-clip\)\=\>"
-syn match cssFontAttr contained "\<non-\(scaling-stroke\|scaling-size\|rotation\)\>"
+syn keyword cssFontProp contained cx cy d r rx ry x y color-interpolation color-rendering marker-end marker-mid marker-start shape-rendering solid-color solid-opacity stop-color stop-opacity text-anchor vector-effect
+syn keyword cssFontAttr contained crispEdges geometricPrecision optimizeQuality viewport context-fill context-stroke fixed-position miter miter-clip non-scaling-stroke non-scaling-size non-rotation
 syn region cssFunction contained matchgroup=cssFunctionName start="\<\(child\|icc-color\)\s*(" end=")" oneline keepend

after/syntax/css/text-3.vim

@@ -1,8 +1,2 @@
-syn match cssTextProp contained "\<tab-size\>"
-syn match cssTextProp contained "\<text-align-all\>"
-syn keyword cssTextAttr contained loose strict hanging anywhere
-syn match cssTextAttr contained "\<match-parent\>"
-syn match cssTextAttr contained "\<each-line\>"
-syn match cssTextAttr contained "\<full-width\>"
-syn match cssTextAttr contained "\<justify-all\>"
-syn match cssTextAttr contained "\<break-spaces\>"
+syn keyword cssFontProp contained tab-size text-align-all
+syn keyword cssFontAttr contained loose strict hanging anywhere match-parent each-line full-width justify-all break-spaces

after/syntax/css/text-4.vim

@@ -1,16 +1,2 @@
-syn match cssTextProp contained "\<text-space-\(collapse\|trim\)\>"
-syn match cssTextProp contained "\<text-\(wrap\|spacing\|group-align\)\>"
-syn match cssTextProp contained "\<wrap-\(before\|after\|inside\)\>"
-syn match cssTextProp contained "\<hyphenate-\(character\|limit-\(zone\|chars\|lines\|last\)\)\>"
-syn match cssTextProp contained "\<line-padding\>"
-syn keyword cssTextAttr contained spread punctuation
-syn match cssTextAttr contained "\<preserve-\(breaks\|spaces\)\>"
-syn match cssTextAttr contained "\<trim-inner\>"
-syn match cssTextAttr contained "\<discard-\(before\|after\)\>"
-syn match cssTextAttr contained "\<avoid-\(line\|flex\)\>"
-syn match cssTextAttr contained "\<pre-wrap-auto\>"
-syn match cssTextAttr contained "\<no-limit\>"
-syn match cssTextAttr contained "\<\(trim\|space\)-\(start\|end\|adjacent\)\>"
-syn match cssTextAttr contained "\<space-first\>"
-syn match cssTextAttr contained "\<no-compress\>"
-syn match cssTextAttr contained "\<ideograph-\(alpha\|numeric\)\>"
+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/text-decor-3.vim

@@ -1,2 +1,2 @@
-syn match cssTextProp contained "\<text-\(decoration\(-\(color\|line\|style\)\)\=\|underline-position\|emphasis\(-\(color\|position\|style\)\)\=\)\>"
-syn keyword cssTextAttr contained wavy alphabetic ink under filled dot triangle sesame over
+syn keyword cssFontProp contained text-decoration-color text-decoration-line text-decoration-style text-emphasis text-emphasis-color text-emphasis-position text-emphasis-style
+syn keyword cssFontAttr contained wavy alphabetic ink under filled dot triangle sesame over

after/syntax/css/text-decor-4.vim

@@ -1,4 +1,2 @@
-syn match cssTextProp contained "\<text-\(decoration-\(width\|skip\|skip-ink\)\|underline-offset\|emphasis-skip\)\>"
-syn keyword cssTextAttr contained objects edges symbols narrow
-syn match cssTextAttr contained "\<box-decoration\>"
-syn match cssTextAttr contained "\<\(\(leading\|trailing\)-\)\=spaces\>"
+syn keyword cssFontProp contained text-decoration-thickness text-underline-offset text-decoration-skip text-decoration-skip-ink text-emphasis-skip
+syn keyword cssFontAttr contained objects edges symbols narrow spelling-error grammer-error from-font spaces leading-spaces trailing-spaces box-decoration

after/syntax/css/transforms-1.vim

@@ -1 +1 @@
-syn match cssFontProp contained "\<transform-box\>"
+syn keyword cssFontProp contained transform-box

after/syntax/css/transitions-2.vim

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

after/syntax/css/ui-3.vim

@@ -1,2 +1,2 @@
-syn match cssUIProp contained "\<caret-color\>"
-syn keyword cssUIAttr contained grab grabbing
+syn keyword cssFontProp contained caret-color
+syn keyword cssFontAttr contained grab grabbing

after/syntax/css/ui-4.vim

@@ -1,3 +1,3 @@
-syn match cssUIProp contained "\<caret\(-shape\)\=\>"
-syn keyword cssUIAttr contained fade underscore
+syn keyword cssFontProp contained caret caret-shape
+syn keyword cssFontAttr contained fade underscore
 syn region cssFunction contained matchgroup=cssFunctionName start="\<fade\s*(" end=")" oneline keepend

after/syntax/css/unofficials.vim

@@ -0,0 +1,5 @@
+" https://drafts.fxtf.org/filter-effects-2/
+syn keyword cssFontProp contained backdrop-filter
+
+" https://drafts.csswg.org/css-env-1/
+syn region cssFunction contained matchgroup=cssFunctionName start="\<env\s*(" end=")" oneline keepend

after/syntax/css/values-3.vim

@@ -1,2 +1,2 @@
-syn match cssValueLength contained "[-+]\=\d\+\(\.\d*\)\=\(ch\|q\)"
+syn match cssValueLength contained "[-+]\=\d\+\(\.\d*\)\=\(q\)"
 syn match cssValueAngle contained "[-+]\=\d\+\(\.\d*\)\=turn"

after/syntax/css/values-4.vim

@@ -1,2 +1,3 @@
-syn match cssValueLength contained "[-+]\=\d\+\(\.\d*\)\=\(vi\|vb\|ic\|cap\|lh\|rlh\)"
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(min\|max\|clamp\|toggle\)\s*(" end=")" oneline keepend
+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="\<\(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/values-5.vim

@@ -0,0 +1,3 @@
+syn keyword cssFontProp contained interpolate-size
+syn keyword cssFontAttr contained numeric-only allow-keyword
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(\(\(media\|container\)-\)\=progress\|\(\(calc\|transform\)-\)\=mix\|cross-fade\|first-valid\|toggle\|if\|inherit\|random\(-item\)\=\|sibling-\(count\|index\)\|calc-size\)\s*(" end=")" oneline keepend

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

@@ -0,0 +1,3 @@
+syn keyword cssFontProp contained view-transition-name
+syn keyword cssPseudoClassId contained view-transition
+syn region cssPseudoClassFn contained matchgroup=cssFunctionName start="\<view-transition-\(group\|image-pair\|old\|new\)(" end=")" contains=cssStringQ,cssStringQQ

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

after/syntax/css/will-change-1.vim

@@ -1,3 +1,2 @@
-" TODO: create cssWillChangeProp group and cssWillChangeAttr group
-syn match cssFontProp contained "\<will-change\>"
-syn match cssFontAttr contained "\<scroll-position\>"
+syn keyword cssFontProp contained will-change
+syn keyword cssFontAttr contained scroll-position

after/syntax/css/writing-modes-3.vim

@@ -1,7 +1,2 @@
-syn match cssFontProp contained "\<writing-mode\>"
-syn match cssFontProp contained "\<text-\(orientation\|combine-upright\)\>"
-syn match cssFontProp contained "\<glyph-orientation-vertical\>"
-syn keyword cssFontAttr contained before after mixed upright plaintext sideways
-syn match cssFontAttr contained "\<isolate\(-override\)\=\>"
-syn match cssFontAttr contained "\<horizontal-tb\>"
-syn match cssFontAttr contained "\<vertical-\(rl\|lr\)\>"
+syn keyword cssFontProp contained writing-mode text-orientation text-combine-upright glyph-orientation-vertical
+syn keyword cssFontAttr contained before after mixed upright plaintext sideways isolate isolate-override horizontal-tb vertical-rl vertical-lr

after/syntax/css/writing-modes-4.vim

@@ -1 +1 @@
-syn match cssFontAttr contained "\<sideways-\(rl\|lr\)\>"
+syn keyword cssFontAttr contained sideways-rl sideways-lr

test/test.css

@@ -3,19 +3,78 @@
   place-content: auto;
   place-items: auto;
   row-gap: auto;
-	gap: auto;
   display: safe;
   display: unsafe;
   display: self-start;
   display: self-end;
-	display: space-evenly;
   display: legacy;
 }
 
+@position-try --anchor-position-1 {
+  anchor-name: auto;
+  anchor-scope: auto;
+  position-area: auto;
+  position-anchor: auto;
+  position-try: auto;
+  position-try-fallbacks: auto;
+  position-try-order: auto;
+  position-visibility: 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: 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;
 }
 
+.animations-2 {
+  animation-composition: auto;
+  animation-timeline: auto;
+  display: replace;
+  display: accumulate;
+}
+
 .backgrounds-3 {
   display: auto;
 }
@@ -43,22 +102,12 @@
 }
 
 .box-3 {
+  display: auto;
+}
+
+.box-4 {
   margin-trim: auto;
   display: in-flow;
-	/* .block-3 */
-	clear-after: auto;
-	float-displace: auto;
-	indent-edge-reset: auto;
-	display: scrollbar;
-	display: panner;
-	display: marquee;
-	display: discard;
-	display: decendants;
-	display: block-within-page;
-	display: margin-edge;
-	display: border-edge;
-	display: padding-edge;
-	display: content-edge;
 }
 
 .break-3 {
@@ -75,14 +124,16 @@
   display: auto;
 }
 
+@import "cascade-4.css" supports(display: auto);
+
 .cascade-4 {
   display: revert;
 }
 
-@import "conditional-3.css" supports(display: auto);
+@import "cascade-5.css" layer(framework component);
 
-@supports (selector(.conditional-4)) {
-	display: auto;
+.cascade-5 {
+  display: revert-layer;
 }
 
 .color-3 {
@@ -93,33 +144,45 @@
   display: hwb(120deg, 44%, 50%);
   display: lab(1 2 3);
   display: lch(4 5 6);
-	display: gray(50%);
+  display: oklab(1 2 3);
+  display: oklch(4 5 6);
   display: color(swopc, 0 206 190 77);
+  display: accentcolor;
+  display: accentcolortext;
+}
+
+.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 {
+  src: url("http://example.org/swop-coated.icc");
+  components: auto;
   display: relative-colorimetric;
   display: absolute-colorimetric;
   display: perceptual;
 }
 
-@color-profile swopc {
-	src: url("http://example.org/swop-coated.icc");
-}
-
-.color-5 {
-	display: color-mix(red yellow 65%);
-	display: color-contrast(wheat tan, sienna, var(--myAccent), #d2691e);
-	display: color-adjust(peru lightness(-20%));
-}
-
 .color-adjust-1 {
   color-scheme: auto;
   forced-color-adjust: auto;
+  print-color-adjust: auto;
   color-adjust: auto;
-	display: only;
+  display: light;
   display: economy;
   display: exact;
 }
 
+.color-hdr-1 {
+  dynamic-range-limit: auto;
+  display: standard;
+  display: constrained-high;
+  display: dynamic-range-limit-mix(standard 10%, constrained-high 40%, high 50%);
+}
+
 .compositing-1 {
   mix-blend-mode: auto;
   isolation: auto;
@@ -149,6 +212,25 @@
   }
 }
 
+@supports (selector(.conditional-4)) {
+  .conditional-4 {
+    display: auto;
+  }
+}
+
+@when media(screen) {
+  .conditional-5 {
+    container-type: auto;
+    container-name: auto;
+    container: auto;
+    display: inline-size;
+  }
+} @else {
+  .conditional-5 {
+    display: auto;
+  }
+}
+
 .contain-1 {
   contain: auto;
   display: layout;
@@ -157,6 +239,10 @@
 }
 
 .contain-2 {
+  content-visibility: auto;
+}
+
+.contain-3 {
   display: auto;
 }
 
@@ -250,17 +336,25 @@
 
 .display-3 {
   display: contents;
-	display: ruby;
-	display: ruby-base;
-	display: ruby-text;
-	display: ruby-base-group;
-	display: ruby-text-group;
+  display: run-in;
+}
+
+.display-4 {
+  reading-flow: auto;
+  display: flex-visual;
+  display: flex-flow;
+  display: grid-rows;
+  display: grid-columns;
 }
 
 .easing-1 {
   display: auto;
 }
 
+.easing-2 {
+  display: linear(0, 0.25, 1);
+}
+
 .exclusions-3 {
   wrap-flow: auto;
   wrap-through: auto;
@@ -313,16 +407,6 @@
   lighting-color: auto;
   display: sRGB;
   display: linearRGB;
-	display: blur(5px);
-	display: brightness(0.4);
-	display: contrast(200%);
-	display: drop-shadow(16px 16px 20px blue);
-	display: grayscale(50%);
-	display: hue-rotate(90deg);
-	display: invert(75%);
-	display: opacity(25%);
-	display: saturate(30%);
-	display: sepia(60%);
 }
 
 .flexbox-1 {
@@ -365,34 +449,47 @@
 }
 
 .fonts-4 {
+  font-synthesis-position: auto;
+  font-synthesis-weight: auto;
+  font-synthesis-style: auto;
+  font-synthesis-small-caps: auto;
+  font-named-instance: auto;
   font-display: auto;
+  ascent-override: auto;
+  descent-override: auto;
+  line-gap-override: auto;
   font-optical-sizing: auto;
   font-variation-settings: auto;
   font-palette: auto;
-	font-presentation: auto;
   font-variant-emoji: auto;
+  font-presentation: auto;
   display: system-ui;
   display: emoji;
   display: math;
   display: fangsong;
-	display: infinity;
-	display: stylistic(feature-value-name);
-	display: historical-forms;
-	display: styleset(feature-value-name #);
-	display: character-variant(feature-vlue-name #);
-	display: swash(feature-value-name);
-	display: ornaments(feature-value-name);
-	display: annotation(feature-value-name);
-	display: swap;
-	display: fallback;
-	display: optional;
-	display: light;
-	display: dark;
   display: ui-serif;
   display: ui-sans-serif;
   display: ui-monospace;
   display: ui-rounded;
   display: xxx-large;
+  display: swap;
+  display: fallback;
+  display: historical-forms;
+  display: stylistic(feature-value-name);
+  display: styleset(feature-value-name #);
+  display: character-variant(feature-vlue-name #);
+  display: swash(feature-value-name);
+  display: ornaments(feature-value-name);
+  display: annotation(feature-value-name);
+  display: light;
+  display: dark;
+}
+
+@font-feature-values Test {
+  @swash {
+    swishy: 1;
+    flowing: 2;
+  }
 }
 
 @font-palette-values Test {
@@ -400,6 +497,35 @@
   override-color: 1 rgb(43, 12, 9);
 }
 
+.forms-1::picker(select),
+.forms-1::picker-icon,
+.forms-1::file-selector-button,
+.forms-1::checkmark,
+.forms-1::thumb,
+.forms-1::track,
+.forms-1::fill
+.forms-1::field-text,
+.forms-1::clear-icon,
+.forms-1::placeholder,
+.forms-1::field-text,
+.forms-1::step-control,
+.forms-1::step-up,
+.forms-1::step-down,
+.forms-1::field-component,
+.forms-1::field-separator,
+.forms-1::color-swatch,
+.forms-1:low-value,
+.forms-1:high-value,
+.forms-1:optimal-value {
+	slider-orientation: auto;
+	display: base;
+	display: control-value(<number>);
+	display: left-to-right;
+	display: right-to-left;
+	display: top-to-bottom;
+	display: bottom-to-top;
+}
+
 .gcpm-3::footnote-call,
 .gcpm-3::footnote-marker {
   running: auto;
@@ -427,8 +553,34 @@
   display: auto;
 }
 
+.grid-3 {
+  masonry-direction: auto;
+  masonry-fill: auto;
+  masonry-flow: auto;
+  masonry: auto;
+  masonry-template-tracks: auto;
+  masonry-template-areas: auto;
+  masonry-auto-tracks: auto;
+  masonry-track-start: auto;
+  masonry-track-end: auto;
+  masonry-track: auto;
+  masonry-slack: auto;
+  item-track: auto;
+  item-direction: auto;
+  item-wrap: auto;
+  item-cross: auto;
+  item-pack: auto;
+  item-slack: auto;
+  item-flow: auto;
+  display: masonry;
+  display: inline-masonry;
+}
+
+.highlight-api-1::highlight(test) {
+  display: auto;
+}
+
 .html5,
-picture,
 rb,
 rtc,
 slot,
@@ -437,13 +589,11 @@ template {
 }
 
 .images-3 {
-	object-fit: auto;
-	object-position: auto;
   image-orientation: auto;
   display: snap;
   display: flip;
-	display: scale-down;
   display: from-image;
+  display: pixelated;
   display: repeating-linear-gradient(to bottom, yellow, blue);
   display: repeating-radial-gradient(farthest-corner at 50% 50%, yellow, green);
 }
@@ -452,19 +602,33 @@ template {
   image-resolution: auto;
   display: image("sprite.svg#xywh=40,0,20,20");
   display: element(#test);
-	display: conic-gradient(at 25% 30%, white, black 60%);
 }
 
 .inline-3 {
   dominant-baseline: auto;
   alignment-baseline: auto;
+  baseline-source: auto;
   baseline-shift: auto;
+  line-fit-edge: auto;
+  text-box: auto;
+  text-box-edge: auto;
+  text-box-trim: auto;
   inline-sizing: auto;
-	initial-letters: auto;
-	initial-letters-align: auto;
-	initial-letters-wrap: auto;
+  initial-letter: auto;
+  initial-letter-align: auto;
+  initial-letter-wrap: auto;
   display: mathematical;
+  display: central;
   display: ideographic;
+  display: leading;
+  display: cap;
+  display: ex;
+  display: ideographic-ink;
+  display: drop;
+  display: raise;
+  display: trim-start;
+  display: trim-end;
+  display: trim-both;
 }
 
 .layout-api-1 {
@@ -503,13 +667,6 @@ template {
   margin-inline-end: auto;
   margin-block: auto;
   margin-inline: auto;
-	inset-block-start: auto;
-	inset-block-end: auto;
-	inset-inline-start: auto;
-	inset-inline-end: auto;
-	inset-block: auto;
-	inset-inline: auto;
-	inset: auto;
   padding-block-start: auto;
   padding-block-end: auto;
   padding-inline-start: auto;
@@ -599,6 +756,10 @@ mask {
   display: balance-all;
 }
 
+.multicol-2::column {
+  display: auto:
+}
+
 .namespace-3 {
   display: auto;
 }
@@ -611,16 +772,27 @@ mask {
 }
 
 .overflow-3 {
-	max-lines: auto;
-	block-overflow: auto;
-	line-clamp: auto;
-	continue: auto;
+  overflow-clip-margin: auto;
   overflow-block: auto;
   overflow-inline: auto;
+  scrollbar-gutter: auto;
+  block-ellipsis: auto;
+  line-clamp: auto;
+  max-lines: auto;
+  continue: auto;
 }
 
 .overflow-4::nth-fragment(1) {
-	scrollbar-gutter: auto;
+  overflow-clip-margin-block: auto;
+  overflow-clip-margin-block-start: auto;
+  overflow-clip-margin-block-end: auto;
+  overflow-clip-margin-inline: auto;
+  overflow-clip-margin-inline-start: auto;
+  overflow-clip-margin-inline-end: auto;
+  overflow-clip-margin-top: auto;
+  overflow-clip-margin-right: auto;
+  overflow-clip-margin-bottom: auto;
+  overflow-clip-margin-left: auto;
   display: stable;
   display: force;
   display: overflow;
@@ -628,6 +800,12 @@ mask {
   display: fragments;
 }
 
+.overflow-5::scroll-marker-group,
+.overflow-5::scroll-marker,
+.overflow-5:target-current {
+  sroll-marker-group: auto;
+}
+
 .overscroll-1 {
   overscroll-behavior: auto;
   overscroll-behavior-block: auto;
@@ -639,6 +817,7 @@ mask {
 .page-3 {
   marks: auto;
   bleed: auto;
+  page-orientation: auto;
 }
 
 .page-floats-3 {
@@ -665,11 +844,13 @@ mask {
 }
 
 .position-3 {
-	offset-before: auto;
-	offset-end: auto;
-	offset-after: auto;
-	offset-start: auto;
-	display: sticky;
+  inset-block-start: auto;
+  inset-block-end: auto;
+  inset-inline-start: auto;
+  inset-inline-end: auto;
+  inset-block: auto;
+  inset-inline: auto;
+  inset: auto;
 }
 
 .properties-values-api-1 {
@@ -678,9 +859,12 @@ mask {
   initial-value: auto;
 }
 
-.pseudo-4::inactive-selection,
+.pseudo-4::first-letter::prefix,
+.pseudo-4::first-letter::postfix,
+.pseudo-4::target-text,
 .pseudo-4::spelling-error,
-.pseudo-4::grammer-error {
+.pseudo-4::grammer-error,
+.pseudo-4::file-selectors-button {
   display: auto;
 }
 
@@ -729,9 +913,14 @@ mask {
   ruby-position: auto;
   ruby-merge: auto;
   ruby-align: auto;
+  ruby-overhang: auto;
+  display: ruby;
+  display: ruby-base;
+  display: ruby-text;
   display: ruby-base-container;
   display: ruby-text-container;
   display: inter-character;
+  display: merge;
 }
 
 .scoping-1:scope-context div,
@@ -754,6 +943,24 @@ mask {
   overflow-anchor: auto;
 }
 
+.scroll-animations-1 {
+  scroll-timeline-name: auto;
+  scroll-timeline-axis: auto;
+  scroll-timeline: auto;
+  view-timeline-name: auto;
+  view-timeline-axis: auto;
+  view-timeline-inset: auto;
+  view-timeline: auto;
+  animation-range: auto;
+  animation-delay-start: auto;
+  animation-delay-end: auto;
+  timeline-scope: auto;
+  display: entry;
+  display: exit;
+  display: defer;
+  display: ancestor;
+}
+
 .scroll-snap-1 {
   scroll-snap-type: auto;
   scroll-padding: auto;
@@ -786,12 +993,20 @@ mask {
   display: proximity;
 }
 
+.scroll-snap-2,
+.scroll-snap-2:snapped-x,
+.scroll-snap-2:snapped-y,
+.scroll-snap-3:snapped-inline,
+.scroll-snap-2:snapped-block,
+.scroll-snap-2:snapped {
+  scroll-start-target: auto;
+}
+
 .scrollbars-1 {
   scrollbar-color: auto;
   scrollbar-width: auto;
 }
 
-.selectors-3:enabled,
 .selectors-3:indeterminate,
 .selectors-3:nth-child(2n+1),
 .selectors-3:nth-last-child(-n+2),
@@ -819,23 +1034,29 @@ mask {
 .selectors-4:in-range,
 .selectors-4:out-of-range,
 .selectors-4:user-invalid,
-.selectors-4:is(:hover, :focus),
 .selectors-4:dir(ltr),
 .selectors-4:local-link(0),
 .selectors-4:current(p, li, dt, dd),
 .selectors-4:nth-col(2n+1),
 .selectors-4:nth-last-col(-n+2),
 .selectors-4:target-within,
-.selectors-4:focus-within,
-.selectors-4:focus-visible,
 .selectors-4:playing,
 .selectors-4:paused,
 .selectors-4:has(> img),
-.selectors-4:where(:not(:hover)) {
-	display: auto;
-}
-
-.selectors-nonelement-1::attr(title) {
+.selectors-4:where(:not(:hover)),
+.selectors-4:defined,
+.selectors-4:modal,
+.selectors-4:fullscreen,
+.selectors-4:picture-in-picture,
+.selectors-4:seeking,
+.selectors-4:buffering,
+.selectors-4:stalled,
+.selectors-4:muted,
+.selectors-4:volume-locked,
+.selectors-4:autofill,
+.selectors-4:user-valid,
+.selectors-4:open,
+.selectors-4:closed {
   display: auto;
 }
 
@@ -855,9 +1076,15 @@ mask {
 }
 
 .sizing-3 {
-	display: max-content;
-	display: min-content;
-	display: fit-content(10%);
+  display: auto;
+}
+
+.sizing-4 {
+  contain-intrinsic-size: auto;
+  min-intrinsic-sizing: auto;
+  display: fit-content;
+  display: zero-if-scroll;
+  display: zero-if-extrinsic;
 }
 
 .speech-1 {
@@ -885,6 +1112,7 @@ mask {
   display: 10st;
   display: moderate;
   display: reduced;
+  display: never;
 }
 
 .style-attr {
@@ -1018,8 +1246,8 @@ view {
 }
 
 .text-4 {
-	text-space-collapse: auto;
-	text-space-trim: auto;
+  white-space-collapse: auto;
+  white-space-trim: auto;
   text-wrap: auto;
   wrap-before: auto;
   wrap-after: auto;
@@ -1031,28 +1259,32 @@ view {
   hyphenate-limit-last: auto;
   text-group-align: auto;
   line-padding: auto;
+  text-autospace: auto;
+  text-spacing-trim: auto;
   text-spacing: auto;
+  word-boundary-detection: auto;
+  word-space-transform: auto;
+  display: math-auto;
   display: preserve-breaks;
   display: preserve-spaces;
-	display: trim-inner;
+  display: discard-inner;
   display: discard-before;
   display: discard-after;
+  display: pretty;
   display: avoid-line;
   display: avoid-flex;
   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;
   display: punctuation;
+  display: ideographic-space;
 }
 
 .text-decor-3 {
@@ -1076,12 +1308,15 @@ view {
 }
 
 .text-decor-4 {
-	text-decoration-width: auto;
+  text-decoration-thickness: auto;
   text-underline-offset: auto;
   text-decoration-skip: auto;
   text-decoration-skip-ink: auto;
   text-emphasis-skip: auto;
+  display: spelling-error;
+  display: grammer-error;
   display: objects;
+  display: from-font;
   display: spaces;
   display: leading-spaces;
   display: trailing-spaces;
@@ -1110,6 +1345,12 @@ view {
   display: auto;
 }
 
+@starting-style {
+  .transitions-2 {
+    display: auto;
+  }
+}
+
 .typed-om-1 {
   display: auto;
 }
@@ -1128,8 +1369,12 @@ view {
   display: underscore;
 }
 
+.unofficials {
+  backdrop-filter: auto;
+  display: env(safe-area-inset-top, 20px);
+}
+
 .values-3 {
-	display: 1ch;
   display: 1q;
   display: 1turn;
 }
@@ -1137,20 +1382,96 @@ view {
 .values-4 {
   display: 1vi;
   display: 1vb;
-	display: 1ic;
+  display: 1rex;
   display: 1cap;
+  display: 1rcap;
+  display: 1rch;
+  display: 1ic;
+  display: 1ric;
   display: 1lh;
   display: 1rlh;
+  display: 1svh;
+  display: 1svw;
+  display: 1svi;
+  display: 1svb;
+  display: 1svmin;
+  display: 1svmax;
+  display: 1lvh;
+  display: 1lvw;
+  display: 1lvi;
+  display: 1lvb;
+  display: 1lvmin;
+  display: 1lvmax;
+  display: 1dvh;
+  display: 1dvw;
+  display: 1dvi;
+  display: 1dvb;
+  display: 1dvmin;
+  display: 1dvmax;
   display: min(0, 1);
   display: max(0, 1);
   display: clamp(0, 100, 2);
+  display: round(var(--width), 50px);
+  display: mod(-18px, 5px);
+  display: rem(-18px, 5px);
+  display: sin(45deg);
+  display: cos(1);
+  display: tan(1);
+  display: asin(45deg);
+  display: acos(1);
+  display: atan(1);
+  display: atan2(1, -1);
+  display: pow(1.5, -1);
+  display: sqrt(4);
+  display: hypot(30px, 40px);
+  display: log(10);
+  display: exp(1);
+  display: abs(-1);
+  display: sign(-4);
+}
+
+.values-5 {
+  interpolate-size: auto;
+  display: numeric-only;
+  display: allow-keyword;
+  display: progress(1, 0, 100);
+  display: media-progress(width, 0, 100);
+  display: container-progress(width, 0, 100);
+  display: calc-mix(0.5, 0, 100);
+  display: color-mix(15%, black, white);
+  display: transform-mix(1, scale(0.5), rotate(10deg));
+  display: mix(90%, red, blue);
+  display: cross-fade(15%, url(foo.png), white);
   display: toggle(italic, normal);
+  display: first-valid(center, none, 1px);
+  display: if(media(screen): red; else: auto);
+  display: inherit(--foo, auto);
+  display: random(1, 10, by 1);
+  display: random-item(--x, red, yellow, green);
+  display: sibling-count();
+  display: sibling-index();
+  display: calc-size(any, 0px);
 }
 
 .variables-1 {
   display: auto;
 }
 
+.view-transitions-1::view-transition,
+.view-transitions-1::view-transition-group(*),
+.view-transitions-1::view-transition-image-pair(*),
+.view-transitions-1::view-transition-old(*),
+.view-transitions-1::view-transition-new(*) {
+  view-transition-name: auto;
+}
+
+.view-transitions-2:active-view-transition,
+.view-transitions-2:active-view-transition-type(slide-in) {
+  view-transition-class: auto;
+  navigation: auto;
+  types: auto;
+}
+
 .web-animations-1 {
   display: auto;
 }