Follow changes in CR-css-ui-3-20170302

See also: http://www.w3.org/TR/2017/CR-css-ui-3-20170302/

README.md

@@ -1,7 +1,8 @@
 vim-css3-syntax
 ===============
 
-Add CSS3 syntax support to [Vim][1]'s built-in `syntax/css.vim`.
+CSS3 syntax (and syntax defined in some foreign specifications) support for
+[Vim][1]’s built-in `syntax/css.vim`
 
 
 INSTALLATION
@@ -11,25 +12,32 @@ I **strongly** recommend to install this plugin on *Vim 7.4 or higher with
 default runtime files*.
 
 
-### Manual Installation
+### Vim package
 
-Download from GitHub, extract `vim-css3-syntax.tar.gz`, and copy the contents to
-your `~/.vim` directory.
+    $ mkdir -p ~/.vim/pack/css3-syntax/start
+    $ cd ~/.vim/pack/css3-syntax/start
+    $ git clone https://github.com/hail2u/vim-css3-syntax.git
 
 
-### Installing with Git and pathogen
+### pathogen.vim
 
     $ cd ~/.vim/bundle
     $ git clone https://github.com/hail2u/vim-css3-syntax.git
 
 
+### Manual
+
+Download `vim-css3-syntax.tar.gz` from GitHub, extract it, and copy the contents
+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
+Vim’s highlight priority mechanism. To fix this problems, put following lines in
 your `~/.vim/after/css.vim`:
 
     setlocal iskeyword+=-
@@ -42,7 +50,7 @@ Or in your `~/.vimrc`:
       autocmd FileType css setlocal iskeyword+=-
     augroup END
 
-This setting have side effects, so use it at your own risk.
+This setting have side effects. So, use it at your own risk.
 
 
 ### Vendor Prefixes
@@ -54,7 +62,7 @@ such as `-webkit-` or `-moz-`, etc. These are hard to maintain because they are:
   * Changed unexpectedly
   * Removed silently
 
-These must be supported by separate syntax plugins (Vim 7.4's default CSS syntax
+These must be supported by separate syntax plugins (Vim 7.4’s default CSS syntax
 file supports this). If you want to highlight prefixed properties or functions
 manually, `:highlight` and `:match` would help:
 
@@ -67,8 +75,8 @@ cyan and bold (on gVim).
 
 ### CSS Preprocessors: [Sass][2], [LESS][3], and [Stylus][4]
 
-`vim-css3-syntax` supports Sass's SCSS syntax only. If you want to use this
-plugin with LESS, install [VIM-LESS][5]. Sass's indent syntax and Stylus are not
+`vim-css3-syntax` supports Sass’s SCSS syntax only. If you want to use this
+plugin with LESS, install [VIM-LESS][5]. Sass’s indent syntax and Stylus are not
 supported.
 
 
@@ -83,7 +91,7 @@ install [JulesWang/css.vim][6].
 AUTHOR
 ------
 
-Kyo Namegashima <kyo@hail2u.net>
+Kyo Nagashima <hail2u@gmail.com> (https://kyonagashima.com/)
 
 
 LICENSE

after/syntax/css/css-align-3.vim

@@ -0,0 +1,4 @@
+syn match cssFontProp contained "\<\(justify\|align\|place\)-\(self\|content\|items\)\>"
+syn keyword cssFontAttr contained safe unsafe legacy
+syn match cssFontAttr contained "\<\(self\|flex\)-\(start\|end\)\>"
+syn match cssFontAttr contained "\<space-\(between\|around\|evenly\)\>"

after/syntax/css/css-backgrounds-4.vim

@@ -0,0 +1,7 @@
+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\)\>"

after/syntax/css/css-break-3.vim

@@ -1,4 +1,2 @@
-" TODO: create cssBreakProp group and cssBreakAttr group
 syn match cssFontProp contained "\<break-\(after\|before\|inside\)\>"
 syn match cssFontProp contained "\<box-decoration-break\>"
-syn keyword cssFontAttr contained any

after/syntax/css/css-cascade-3.vim

@@ -0,0 +1,2 @@
+syn keyword cssFontProp all
+syn keyword cssCommonAttr contained initial unset

after/syntax/css/css-cascade-4.vim

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

after/syntax/css/css-color-4.vim

@@ -0,0 +1,5 @@
+syn match cssColorProp contained "\<color-adjust\>"
+syn keyword cssColor contained rebeccapurple
+syn match cssColor contained "#[0-9A-Fa-f]\{8\}\>" contains=cssUnitDecorators
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(hwb\|lab\|lch\|gray\|color\|device-cmyk\|color-mod\=\)\s*(" end=")" oneline keepend
+syn match cssFontDescriptor "@color-profile\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl

after/syntax/css/css-contain-1.vim

@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained contain
+syn keyword cssFontAttr contained layout paint size

after/syntax/css/css-content-3.vim

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

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

@@ -3,10 +3,12 @@ syn region cssInclude start=/@counter-style\>/ end=/\ze{/ skipwhite skipnl conta
 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
-syn match cssGeneratedContentAttr contained "\<cjk-decimal\>"
+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 "\<simp-chinese-\(in\)\=formal\>"
-syn match cssGeneratedContentAttr contained "\<trad-chinese-\(in\)\=formal\>"
-syn match cssGeneratedContentAttr contained "\<ethiopic-numeric\>"
+syn match cssGeneratedContentAttr contained "\<\(japanese\|korean-hanja\|\(simp\|trad\)-chinese\)-\(in\)\=formal\>"
+syn match cssGeneratedContentAttr contained "\<korean-hangul-formal\>"
 syn region cssFunction contained matchgroup=cssFunctionName start="\<symbols\s*(" end=")" oneline keepend

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

@@ -0,0 +1,2 @@
+syn match cssFontProp contained "\<\(min\|max\|user\)-zoom\>"
+syn region cssInclude start=/@viewport\>/ end=/\ze{/ skipwhite skipnl contains=css.*Prop,css.*Attr,cssValueInteger,cssValueLength,cssMediaKeyword,cssVendor,cssIncludeKeyword,cssComment nextgroup=cssMediaBlock

after/syntax/css/css-display-3.vim

@@ -1,5 +1,4 @@
 " TODO: create cssDisplayProp group and cssDisplayAttr group
-syn match cssFontProp contained "\<display-\(inside\|outside\|list\|suppress\)\>"
-syn keyword cssFontAttr contained contents show
-syn match cssFontAttr contained "\<\(block\|inline\)-level\>"
+syn keyword cssFontAttr contained contents discard
+syn match cssFontAttr contained "\<flow\(-root\)\=\>"
 syn match cssFontAttr contained "\<inline-list-item\>"

after/syntax/css/css-flexbox-1.vim

@@ -1,7 +1,5 @@
-" TODO: create cssFlexboxProp group and cssFlexboxAttr group
 syn keyword cssFontProp order
 syn match cssFontProp contained "\<flex\(-\(basis\|direction\|flow\|grow\|shrink\|wrap\)\)\=\>"
 syn keyword cssFontAttr contained flex row wrap
 syn match cssFontAttr contained "\<inline-flex\>"
 syn match cssFontAttr contained "\<\(row\|column\|wrap\)-reverse\>"
-syn match cssFontAttr contained "\<main-size\>"

after/syntax/css/css-font-loading-3.vim

@@ -0,0 +1 @@
+" N/A

after/syntax/css/css-fonts-4.vim

@@ -0,0 +1,4 @@
+syn match cssFontProp contained "\<font-optical-sizing\>"
+syn match cssFontProp contained "\<font-variation-settings\>"
+syn keyword cssFontAttr contained emoji math fangsong
+syn match cssFontAttr contained "\<system-ui\>"

after/syntax/css/css-gcpm-3.vim

@@ -1,7 +1,5 @@
 syn keyword cssGeneratedContentProp contained running
-syn match cssGeneratedContentProp contained "\<string-set\>"
 syn match cssGeneratedContentProp contained "\<footnote-\(display\|policy\)\>"
-syn match cssGeneratedContentProp contained "\<bookmark-\(label\|level\|state\)\>"
-syn keyword cssGeneratedContentAttr contained footnote line open closed
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(string\|running\|element\|leader\|target-\(counter\|counters\|text\)\)\s*(" end=")" oneline keepend
+syn keyword cssGeneratedContentAttr contained footnote line
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(element\|running\)\s*(" end=")" oneline keepend
 syn match cssPseudoClassId contained "\<footnote-\(call\|marker\)\>"

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

@@ -1,8 +1,10 @@
 syn match cssFontProp contained "\<grid-template\(-\(columns\|rows\|areas\)\)\=\>"
-syn match cssFontProp contained "\<grid-auto-\(columns\|rows\|flow\|position\)\>"
+syn match cssFontProp contained "\<grid-auto-\(columns\|rows\|flow\)\>"
 syn match cssFontProp contained "\<grid-\(row\|column\)\(-\(start\|end\)\)\=\>"
 syn match cssFontProp contained "\<grid-area\>"
-syn keyword cssFontAttr contained grid subgrid rows columns dense span
+syn match cssFontProp contained "\<grid\(-\(column\|row\)\)\=-gap\>"
+syn keyword cssFontAttr contained grid subgrid dense span
 syn match cssFontAttr contained "\<inline-grid\>"
+syn match cssFontAttr contained "\<auto-flow\>"
 syn match cssValueNumber contained "[01]\(.\d\+\)\=fr"
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(minmax\|repeat\)\s*(" end=")" oneline keepend
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(minmax\|fit-content\|repeat\)\s*(" end=")" oneline keepend

after/syntax/css/css-inline-3.vim

@@ -0,0 +1,4 @@
+syn match cssFontProp contained "\<\(dominant\|alignment\)-baseline\>"
+syn match cssFontProp contained "\<baseline-shift\>"
+syn match cssFontProp contained "\<initial-letter\(-\(align\|wrap\)\)\="
+syn keyword cssFontAttr contained mathematical ideographic

after/syntax/css/css-overflow-3.vim

@@ -1,4 +1 @@
-" TODO: create cssOverflowProp group and cssOverflowAttr group
 syn match cssFontProp contained "\<max-lines\>"
-syn keyword cssFontAttr contained fragments
-syn match cssFontAttr contained "\<paged-\(x\|y\)\(-controls\)\=\>"

after/syntax/css/css-page-floats-3.vim

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

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

@@ -0,0 +1 @@
+syn region cssURL contained matchgroup=cssFunctionName start="\<paint\s*(" end=")" oneline keepend

after/syntax/css/css-position-3.vim

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

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

@@ -0,0 +1 @@
+" N/A

after/syntax/css/css-pseudo-4.vim

@@ -0,0 +1,2 @@
+syn match cssPseudoClassId contained "\<inactive-selection\>"
+syn match cssPseudoClassId contained "\<\(spelling\|grammer\)-error\>"

after/syntax/css/css-rhythm-1.vim

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

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

@@ -0,0 +1,7 @@
+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/

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

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

after/syntax/css/css-sizing-3.vim

@@ -0,0 +1 @@
+syn match cssFontAttr contained "\<\(\(min\|max\|fit\)-content\)\>"

after/syntax/css/css-style-attr.vim

@@ -0,0 +1 @@
+" N/A

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

@@ -0,0 +1 @@
+" N/A

after/syntax/css/css-tables-3.vim

@@ -0,0 +1 @@
+" N/A

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

@@ -0,0 +1,14 @@
+syn match cssTextProp contained "\<text-space-\(collapse\|trim\)\>"
+syn match cssTextProp contained "\<text-\(wrap\|spacing\)\>"
+syn match cssTextProp contained "\<wrap-\(before\|after\|inside\)\>"
+syn match cssTextProp contained "\<hyphenate-\(character\|limit-\(zone\|chars\|lines\|last\)\)\>"
+syn keyword cssTextAttr contained spread punctuation
+syn match cssTextAttr contained "\<preserve-\(auto\|trim\|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 "\<no-compress\>"
+syn match cssTextAttr contained "\<ideograph-\(alpha\|numeric\)\>"

after/syntax/css/css-timing-1.vim

@@ -0,0 +1 @@
+syn region cssFunction contained matchgroup=cssFunctionName start="\<frames\s*(" end=")" oneline keepend

after/syntax/css/css-typed-om-1.vim

@@ -0,0 +1 @@
+" N/A

after/syntax/css/css-ui-3.vim

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

after/syntax/css/css-ui-4.vim

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

after/syntax/css/css-values-3.vim

@@ -0,0 +1,3 @@
+syn match cssValueLength contained "[-+]\=\d\+\(\.\d*\)\=\(ch\|vw\|vh\|vmin\|vmax\|q\)"
+syn match cssValueAngle contained "[-+]\=\d\+\(\.\d*\)\=turn"
+syn region cssFunction contained matchgroup=cssFunctionName start="\<calc\s*(" end=")" oneline keepend

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

@@ -1,7 +1,8 @@
-" TODO: create cssWritingModesProp group and cssWritingModesAttr group
-syn match cssFontProp contained "\<text-\(orientation\|combine-horizontal\)\>"
 syn match cssFontProp contained "\<writing-mode\>"
-syn keyword cssFontAttr contained before after mixed isolate plaintext
-syn match cssFontAttr contained "\<\(upright\|sideways\(-right\|-left\)\=\|use-glyph-orientation\)\>"
-syn match cssFontAttr contained "\<isolate-override\>"
-syn match cssFontAttr contained "\<\(horizontal-tb\|vertical-\(rl\|lr\)\)\>"
+syn match cssFontProp contained "\<text-\(orientation\|combine-upright\)\>"
+syn match cssFontProp contained "\<glyph-orientation-vertical\>"
+syn keyword cssFontAttr contained before after mixed upright plaintext
+syn match cssFontAttr contained "\<sideways\(-rl\|-lr\)\=\>"
+syn match cssFontAttr contained "\<isolate\(-override\)\=\>"
+syn match cssFontAttr contained "\<horizontal-tb\>"
+syn match cssFontAttr contained "\<vertical-\(rl\|lr\)\>"

after/syntax/css/css3-align.vim

@@ -1,5 +0,0 @@
-" TODO: create cssAlignProp group and cssAlignAttr group
-syn match cssFontProp contained "\<\(justify\|align\)-\(self\|content\|items\)\>"
-syn keyword cssFontAttr contained safe true
-syn match cssFontAttr contained "\<\(self\|flex\)-\(start\|end\)\>"
-syn match cssFontAttr contained "\<space-\(between\|around\|evenly\)\>"

after/syntax/css/css3-cascade.vim

@@ -1,3 +0,0 @@
-" TODO: create cssCascadeProp and cssCascadeAttr
-syn keyword cssFontProp all
-syn keyword cssFontAttr unset

after/syntax/css/css3-color.vim

@@ -1,3 +1,3 @@
 syn region cssFunction contained matchgroup=cssFunctionName start="\<\(rgba\|hsla\=\)\s*(" end=")" oneline keepend
 syn keyword cssColorProp contained opacity
-syn match cssColor contained "\<currentColor\>"
+syn match cssColor contained "\<currentcolor\>"

after/syntax/css/css3-content.vim

@@ -1,3 +0,0 @@
-syn match cssGeneratedContentProp contained "\<move-to\>"
-syn match cssGeneratedContentProp contained "\<page-policy\>"
-syn keyword cssGeneratedContentAttr contained inhibit here first last

after/syntax/css/css3-layout.vim

@@ -1,3 +0,0 @@
-" TODO: create cssLayoutAttr group
-syn keyword cssFontAttr contained same
-syn keyword cssPseudoClassId contained slot

after/syntax/css/css3-linebox.vim

@@ -1,16 +0,0 @@
-" TODO: create cssLineboxProp group and cssLineboxAttr group
-syn match cssFontProp contained "\<alignment-\(adjust\|baseline\)\>"
-syn match cssFontProp contained "\<baseline-shift\>"
-syn match cssFontProp contained "\<dominate-baseline\>"
-syn match cssFontProp contained "\<drop-initial-\(after-\(adjust\|align\)\|before-\(adjust\|align\)\|size\|value\)\>"
-syn match cssFontProp contained "\<inline-box-align\>"
-syn match cssFontProp contained "\<line-stacking\(-\(ruby\|shift\|strategy\)\)\=\>"
-syn match cssFontProp contained "\<text-height\>"
-syn keyword cssFontAttr contained central mathematical
-syn match cssFontAttr contained "\<\(text-\)\=\(before\|after\)-edge\>"
-syn match cssFontAttr contained "\<use-script\>"
-syn match cssFontAttr contained "\<caps-height\>"
-syn match cssFontAttr contained "\<\(exclude\|include\)-ruby\>"
-syn match cssFontAttr contained "\<\(consider\|disregard\)-shift\>"
-syn match cssFontAttr contained "\<\(\(inline\|block\)-line\|max\|grid\)-height\>"
-syn match cssFontAttr contained "\<\(font\|text\|max\)-size\>"

after/syntax/css/css3-namespace.vim

@@ -0,0 +1 @@
+" N/A

after/syntax/css/css3-preslev.vim

@@ -1,3 +0,0 @@
-" TODO: create cssPresLevProp group and cssPresLevAttr group
-syn match cssFontProp contained "\<presentation-level\>"
-syn keyword cssFontAttr contained increment

after/syntax/css/css3-sizing.vim

@@ -1,3 +0,0 @@
-" TODO: create cssSizingAttr group
-syn match cssFontAttr contained "\<\(\(min\|max\|fit\)-content\|fill-available\|repudiate-floats\)\>"
-syn match cssFontAttr contained "\<contain-floats\>"

after/syntax/css/css3-ui.vim

@@ -1,7 +0,0 @@
-syn keyword cssUIProp contained icon resize
-syn match cssUIProp contained "\<box-sizing\>"
-syn match cssUIProp contained "\<ime-mode\>"
-syn match cssUIProp contained "\<nav-\(index\|up\|right\|down\|left\)"
-syn match cssUIProp contained "\<outline-offset\>"
-syn match cssUIProp contained "\<text-overflow\>"
-syn keyword cssUIAttr contained active inactive disabled root horizontal vertical clip ellipsis

after/syntax/css/css3-values.vim

@@ -1,6 +0,0 @@
-syn match cssValueLength contained "[-+]\=\d\+\(\.\d*\)\=\(ch\|rem\|vw\|vh\|vmin\|vmax\)"
-syn match cssValueAngle contained "[-+]\=\d\+\(\.\d*\)\=turn"
-" TODO: create cssValueResolution group
-syn match cssValueNumber contained "[-+]\=\d\+\(\.\d*\)\=dp\(i\|cm\|px\)"
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(calc\|toggle\)\s*(" end=")" oneline keepend
-syn keyword cssCommonAttr contained initial

after/syntax/css/cssom-1.vim

@@ -0,0 +1 @@
+" N/A

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

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

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

@@ -0,0 +1,5 @@
+syn match cssFontProp contained "\<flood-\(color\|opacity\)\>"
+syn match cssFontProp contained "\<color-interpolation-filters\>"
+syn match cssFontProp contained "\<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/geometry-1.vim

@@ -0,0 +1 @@
+" N/A

after/syntax/css/html5-elements.vim

@@ -1,19 +0,0 @@
-" HTML5 new elements
-
-" Sections
-syn keyword cssTagName article section nav aside header footer
-
-" Grouping content
-syn keyword cssTagName figure figcaption main
-
-" Text-level semantics
-syn keyword cssTagName data time mark ruby rb rt rtc rp bdi wbr
-
-" Embedded content
-syn keyword cssTagName embed video audio source track
-
-" Forms
-syn keyword cssTagName datalist keygen output progress meter
-
-" Scripting
-syn keyword cssTagName template canvas

after/syntax/css/html5.vim

@@ -0,0 +1 @@
+syn keyword cssTagName picture rb rtc template

after/syntax/css/motion-1.vim

@@ -0,0 +1,2 @@
+syn match cssFontProp contained "\<motion\(-\(path\|offset\|rotation\)\)\=\>"
+syn region cssFunction contained matchgroup=cssFunctionName start="\<path\s*(" end=")" oneline keepend

after/syntax/css/pointerevents.vim

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

after/syntax/css/selectors-nonelement-1.vim

@@ -0,0 +1 @@
+syn region cssPseudoClassLang matchgroup=cssPseudoClassId start="::attr(" end=")" oneline

after/syntax/css/svg2.vim

@@ -0,0 +1,23 @@
+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 "\<fill\(-\(opacity\|rule\)\)\=\>"
+syn match cssFontProp contained "\<image-rendering\>"
+syn match cssFontProp contained "\<marker-\(end\|mid\|start\)\>"
+syn match cssFontProp contained "\<pointer-events\>"
+syn match cssFontProp contained "\<shape-rendering\>"
+syn match cssFontProp contained "\<solid-\(color\|opacity\)\>"
+syn match cssFontProp contained "\<stop-\(color\|opacity\)\>"
+syn match cssFontProp contained "\<stroke\(-\(dash\(array\|offset\)\|line\(cap\|join\)\|miterlimit\|opacity\|width\)\)\=\>"
+syn match cssFontProp contained "\<text-anchor\>"
+syn match cssFontProp contained "\<vector-effect\>"
+
+syn keyword cssFontAttr contained arcs butt crispEdges geometricPrecision optimizeQuality painted stroke viewport visibleFill visiblePainted visibleStroke
+syn match cssFontAttr contained "\<bounding-box\>"
+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 region cssFunction contained matchgroup=cssFunctionName start="\<\(child\|icc-color\)\s*(" end=")" oneline keepend

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

@@ -0,0 +1 @@
+" N/A

after/syntax/css/worklets-1.vim

@@ -0,0 +1 @@
+" N/A

after/syntax/html.vim

@@ -1,45 +1,75 @@
-syn include @htmlCss syntax/css/html5-elements.vim
 syn include @htmlCss syntax/css/compositing-1.vim
-syn include @htmlCss syntax/css/css3-align.vim
-syn include @htmlCss syntax/css/css3-animations.vim
-syn include @htmlCss syntax/css/css3-background.vim
-syn include @htmlCss syntax/css/css3-box.vim
-syn include @htmlCss syntax/css/css3-break.vim
-syn include @htmlCss syntax/css/css3-cascade.vim
-syn include @htmlCss syntax/css/css3-colors.vim
-syn include @htmlCss syntax/css/css3-conditional.vim
-syn include @htmlCss syntax/css/css3-content.vim
-syn include @htmlCss syntax/css/css3-exclusions.vim
-syn include @htmlCss syntax/css/css3-fonts.vim
-syn include @htmlCss syntax/css/css3-images.vim
-syn include @htmlCss syntax/css/css3-layout.vim
-syn include @htmlCss syntax/css/css3-linebox.vim
-syn include @htmlCss syntax/css/css3-multicol.vim
-syn include @htmlCss syntax/css/css3-page.vim
-syn include @htmlCss syntax/css/css3-preslev.vim
-syn include @htmlCss syntax/css/css3-regions.vim
-syn include @htmlCss syntax/css/css3-selectors.vim
-syn include @htmlCss syntax/css/css3-sizing.vim
-syn include @htmlCss syntax/css/css3-speech.vim
-syn include @htmlCss syntax/css/css3-transforms.vim
-syn include @htmlCss syntax/css/css3-transitions.vim
-syn include @htmlCss syntax/css/css3-ui.vim
-syn include @htmlCss syntax/css/css3-values.vim
+syn include @htmlCss syntax/css/css-align-3.vim
+syn include @htmlCss syntax/css/css-backgrounds-4.vim
+syn include @htmlCss syntax/css/css-break-3.vim
+syn include @htmlCss syntax/css/css-cascade-3.vim
+syn include @htmlCss syntax/css/css-cascade-4.vim
+syn include @htmlCss syntax/css/css-color-4.vim
+syn include @htmlCss syntax/css/css-contain-1.vim
+syn include @htmlCss syntax/css/css-content-3.vim
 syn include @htmlCss syntax/css/css-counter-styles-3.vim
+syn include @htmlCss syntax/css/css-device-adapt-1.vim
 syn include @htmlCss syntax/css/css-display-3.vim
 syn include @htmlCss syntax/css/css-flexbox-1.vim
+syn include @htmlCss syntax/css/css-font-loading-3.vim
+syn include @htmlCss syntax/css/css-fonts-3.vim
+syn include @htmlCss syntax/css/css-fonts-4.vim
 syn include @htmlCss syntax/css/css-gcpm-3.vim
 syn include @htmlCss syntax/css/css-grid-1.vim
+syn include @htmlCss syntax/css/css-inline-3.vim
 syn include @htmlCss syntax/css/css-line-grid-1.vim
 syn include @htmlCss syntax/css/css-lists-3.vim
 syn include @htmlCss syntax/css/css-masking-1.vim
 syn include @htmlCss syntax/css/css-overflow-3.vim
+syn include @htmlCss syntax/css/css-page-floats-3.vim
+syn include @htmlCss syntax/css/css-paint-api-1.vim
+syn include @htmlCss syntax/css/css-position-3.vim
+syn include @htmlCss syntax/css/css-properties-values-api-1.vim
+syn include @htmlCss syntax/css/css-pseudo-4.vim
+syn include @htmlCss syntax/css/css-regions-1.vim
+syn include @htmlCss syntax/css/css-rhythm-1.vim
+syn include @htmlCss syntax/css/css-round-display-1.vim
 syn include @htmlCss syntax/css/css-ruby-1.vim
 syn include @htmlCss syntax/css/css-scoping-1.vim
+syn include @htmlCss syntax/css/css-scroll-snap-1.vim
 syn include @htmlCss syntax/css/css-shapes-1.vim
+syn include @htmlCss syntax/css/css-sizing-3.vim
+syn include @htmlCss syntax/css/css-style-attr.vim
+syn include @htmlCss syntax/css/css-syntax-3.vim
 syn include @htmlCss syntax/css/css-text-3.vim
+syn include @htmlCss syntax/css/css-text-4.vim
 syn include @htmlCss syntax/css/css-text-decor-3.vim
-syn include @htmlCss syntax/css/css-variables.vim
+syn include @htmlCss syntax/css/css-timing-1.vim
+syn include @htmlCss syntax/css/css-transforms-1.vim
+syn include @htmlCss syntax/css/css-typed-om-1.vim
+syn include @htmlCss syntax/css/css-ui-3.vim
+syn include @htmlCss syntax/css/css-ui-4.vim
+syn include @htmlCss syntax/css/css-values-3.vim
+syn include @htmlCss syntax/css/css-variables-1.vim
 syn include @htmlCss syntax/css/css-will-change-1.vim
 syn include @htmlCss syntax/css/css-writing-modes-3.vim
+syn include @htmlCss syntax/css/css3-animations.vim
+syn include @htmlCss syntax/css/css3-background.vim
+syn include @htmlCss syntax/css/css3-box.vim
+syn include @htmlCss syntax/css/css3-color.vim
+syn include @htmlCss syntax/css/css3-conditional.vim
+syn include @htmlCss syntax/css/css3-exclusions.vim
+syn include @htmlCss syntax/css/css3-images.vim
+syn include @htmlCss syntax/css/css3-multicol.vim
+syn include @htmlCss syntax/css/css3-namespace.vim
+syn include @htmlCss syntax/css/css3-page.vim
+syn include @htmlCss syntax/css/css3-speech.vim
+syn include @htmlCss syntax/css/css3-transitions.vim
+syn include @htmlCss syntax/css/cssom-1.vim
+syn include @htmlCss syntax/css/cssom-view-1.vim
+syn include @htmlCss syntax/css/filter-effects-1.vim
+syn include @htmlCss syntax/css/geometry-1.vim
+syn include @htmlCss syntax/css/html5.vim
+syn include @htmlCss syntax/css/motion-1.vim
+syn include @htmlCss syntax/css/pointerevents.vim
+syn include @htmlCss syntax/css/selectors-nonelement-1.vim
+syn include @htmlCss syntax/css/selectors.vim
 syn include @htmlCss syntax/css/selectors4.vim
+syn include @htmlCss syntax/css/svg2.vim
+syn include @htmlCss syntax/css/web-animations-1.vim
+syn include @htmlCss syntax/css/worklets-1.vim

test/test.css

@@ -1,13 +1,14 @@
-.align {
+.align-3 {
   justify-self: safe;
-  justify-content: true;
+  justify-content: unsafe;
   justify-items: self-start;
   align-self: self-end;
   align-content: flex-start;
   align-items: flex-end;
-  display: space-around;
-  display: space-between;
-  display: space-evenly;
+  place-self: space-around;
+  place-content: space-between;
+  place-items: space-evenly;
+  display: legacy;
 }
 
 .animations {
@@ -40,6 +41,21 @@
   box-shadow: auto;
 }
 
+.backgrounds-4 {
+  background-position-x: x-start;
+  background-position-y: x-end;
+  background-position-inline: y-start;
+  background-position-block: y-end;
+  corner-shape: bevel;
+  corners: scoop;
+  border-limit: notch;
+  border-clip: auto;
+  border-clip-top: auto;
+  border-clip-right: auto;
+  border-clip-bottom: auto;
+  border-clip-left: auto;
+}
+
 .box {
   overflow-style: scrollbar;
   overflow-x: panner;
@@ -54,32 +70,46 @@
   display: no-content;
 }
 
-.break {
-  break-after: any;
+.break-3 {
+  break-after: auto;
   break-before: auto;
   break-inside: auto;
   box-decoration-break: auto;
 }
 
-.cascade {
-  all: unset;
+.cascade-3 {
+  all: initial;
+  display: unset;
 }
 
-.colors {
+@import "test.css" supports(display: auto);
+.cascade-4 {
+  display: revert;
+}
+
+.color {
   opacity: rgba(0, 0, 0, 1);
   display: hsla(0, 0, 0, 1);
-  display: currentColor;
+  display: currentcolor;
 }
 
-@supports (display: auto) or
-  (display: auto) not
-  (display: auto) {
-  .conditional {
-    display: auto;
-  }
+@color-profile swopc {
+  src: url('http://example.org/swop-coated.icc');
 }
 
-.compositing {
+.color-4 {
+  color-adjust: #FFEEDDFF;
+  display: rebeccapurple;
+  display: hwb(120deg, 44%, 50%);
+  display: lab(1 2 3);
+  display: lch(4 5 6);
+  display: gray(50%);
+  display: color(swopc, 0 206 190 77);
+  display: device-cmyk(0, 81%, 81%, 30%);
+  display: color-mod(#112233 tint(50%));
+}
+
+.compositing-1 {
   mix-blend-mode: multiply;
   isolation: screen;
   background-blend-mode: overlay;
@@ -97,38 +127,95 @@
   display: luminosity;
 }
 
-.content {
-  move-to: inhibit;
-  page-policy: here;
-  display: first;
-  display: last;
+@supports (display: auto) or
+  (display: auto) not
+  (display: auto) {
+  .conditional {
+    display: auto;
+  }
 }
 
-@counter-style counter-style {
+.contain-1 {
+  contain: layout;
+  display: paint;
+  display: size;
+}
+
+.content-3 {
+  string-set: open;
+  bookmark-level: closed;
+  bookmark-label: leader('.');
+  bookmark-state: string(heading, first);
+  display: target-counter(attr(href url), page);
+  display: target-counters(lack-of-example);
+  display: target-text(attr(href url));
+}
+
+@counter-style counter-styles-3 {
   system: cyclic;
   negative: symbolic;
-  prefix: numbers;
-  suffix: additive;
-  range: extends;
-  pad: cjk-decimal;
-  fallback: disclosure-open;
-  symbols: disclosure-closed;
-  additive-symbols: simp-chinese-informal;
-  speak-as: simp-chinese-formal;
+  prefix: additive;
+  suffix: extends;
+  range: bullets;
+  pad: numbers;
+  fallback: words;
+  symbols: symbols("*" "\2020" "\2021" "\A7");
+  additive-symbols: auto;
+  speak-as: auto;
+}
+
+.counter-styles-3 {
+  display: arabic-indic;
+  display: upper-armenian;
+  display: lower-armenian;
+  display: bengali;
+  display: cambodian;
+  display: khmer;
+  display: cjk-decimal;
+  display: devanagari;
+  display: gujarati;
+  display: gurmukhi;
+  display: kannada;
+  display: lao;
+  display: malayalam;
+  display: mongolian;
+  display: myanmar;
+  display: oriya;
+  display: persian;
+  display: tamil;
+  display: telugu;
+  display: thai;
+  display: tibetan;
+  display: cjk-earthly-branch;
+  display: cjk-heavenly-stem;
+  display: disclosure-closed;
+  display: disclosure-open;
+  display: japanese-informal;
+  display: japanese-formal;
+  display: korean-hangul-formal;
+  display: korean-hanja-informal;
+  display: korean-hanja-formal;
+  display: simp-chinese-informal;
+  display: simp-chinese-formal;
   display: trad-chinese-informal;
   display: trad-chinese-formal;
   display: ethiopic-numeric;
-  display: symbols("*" "\2020" "\2021" "\A7");
-  display: bullets;
-  display: words;
 }
 
-.display {
-  display-inside: block-level;
-  display-outside: inline-level;
-  display-list: contents;
-  display-suppress: inline-list-item;
-  display: show;
+.cssom-1 {
+  display: auto;
+}
+
+.cssom-view-1 {
+  scroll-behavior: smooth;
+}
+
+.display-3 {
+  display: flow;
+  display: flow-root;
+  display: contents;
+  display: inline-list-item;
+  display: discard;
 }
 
 .exclusions {
@@ -136,7 +223,24 @@
   wrap-through: maximum;
 }
 
-.flexbox {
+.filter-effects-1 {
+  flood-color: sRGB;
+  flood-opacity: linearRGB;
+  color-interpolation-filters: auto;
+  lighting-color: auto;
+  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 {
   flex-direction: flex;
   flex-wrap: inline-flex;
   flex-flow: row;
@@ -144,10 +248,13 @@
   flex: column-reverse;
   flex-grow: wrap;
   flex-shrink: wrap-reverse;
-  flex-basis: main-size;
 }
 
-.fonts {
+.font-loading-3 {
+  display: auto;
+}
+
+.fonts-3 {
   font-feature-settings: common-ligatures;
   font-kerning: no-common-ligatures;
   font-language-override: discretionary-ligatures;
@@ -185,38 +292,44 @@
   display: proportional-width;
 }
 
-.gcpm::footnote-call,
-.gcpm::footnote-marker {
-  string-set: string(heading, first);
-  running: running(heading);
-  footnote-display: element(header);
-  footnote-policy: footnote;
-  bookmark-label: line;
-  bookmark-level: leader('.');
-  bookmark-state: target-counter(attr(href url), page);
-  display: target-counters(lack-of-example);
-  display: target-text(attr(href url));
-  display: open;
-  display: closed;
+.fonts-4 {
+  font-optical-sizing: emoji;
+  font-variation-settings: math;
+  display: fangsong;
+  display: system-ui;
 }
 
-.grid-layout {
+.gcpm-3::footnote-call,
+.gcpm-3::footnote-marker {
+  running: footnote;
+  footnote-display: line; 
+  footnote-policy: element(header);
+  display: running(heading);
+}
+
+.geometry-1 {
+  display: auto;
+}
+
+.grid-1 {
   grid-template-columns: grid;
   grid-template-rows: inline-grid;
   grid-template-areas: minmax(0, 1);
-  grid-template: repeat(4);
+  grid-template: fit-content(10%);
+  grid-auto-rows: repeat(4);
   grid-auto-columns: 0.2fr;
-  grid-auto-rows: subgrid;
-  grid-auto-flow: rows;
-  grid-auto-position: columns;
-  grid: dense;
-  grid-row-start: span;
-  grid-column-start: auto;
+  grid-auto-flow: dense;
+  grid: auto-flow;
+  grid-row-start: subgrid;
+  grid-column-start: span;
   grid-row-end: auto;
   grid-column-end: auto;
   grid-column: auto;
   grid-row: auto;
   grid-area: auto;
+  grid-column-gap: auto;
+  grid-row-gap: auto;
+  grid-gap: auto;
 }
 
 .images {
@@ -232,11 +345,16 @@
   display: repeating-radial-gradient(farthest-corner at 50% 50%, yellow, green);
 }
 
-.layout::slot(b) {
-  display: same;
+.inline-3 {
+  dominant-baseline: mathematical;
+  alignment-baseline: ideographic;
+  baseline-shift: auto;
+  initial-letter: auto;
+  initial-letter-align: auto;
+  initial-letter-wrap: auto;
 }
 
-.line-grid {
+.line-grid-1 {
   line-grid: create;
   line-snap: block-start;
   box-snap: block-end;
@@ -244,35 +362,11 @@
   display: last-baseline;
 }
 
-.linebox {
-  alignment-adjust: central;
-  alignment-baseline: mathematical;
-  baseline-shift: before-edge;
-  dominate-baseline: after-edge;
-  drop-initial-after-adjust: text-before-edge;
-  drop-initial-after-align: text-after-edge;
-  drop-initial-before-adjust: use-script;
-  drop-initial-before-align: caps-height;
-  drop-initial-size: exclude-ruby;
-  drop-initial-value: include-ruby;
-  inline-box-align: consider-shift;
-  line-stacking: disregard-shift;
-  line-stacking-ruby: inline-line-height;
-  line-stacking-shift: block-line-height;
-  line-stacking-strategy: max-height;
-  text-height: grid-height;
-  display: font-size;
-  display: text-size;
-  display: max-size;
+.lists-3::marker {
+  display: auto;
 }
 
-.lists::marker {
-  marker-side: marker;
-  counter-set: list-container;
-  display: counters(list-item, '.');
-}
-
-.masking {
+.masking-1 {
   clip-path: fill-box;
   clip-rule: stroke-box;
   mask-image: view-box;
@@ -294,6 +388,13 @@
   mask-type: auto;
 }
 
+.motion-1 {
+  motion-path: path(M 100 100 L 300 100 L 200 300 z);
+  motion-offset: auto;
+  motion-rotation: auto;
+  motion: auto;
+}
+
 .multicol {
   columns: column;
   column-count: balance;
@@ -307,12 +408,10 @@
   column-width: auto;
 }
 
-.overflow {
-  max-lines: paged-x;
-  display: paged-y;
-  display: paged-x-controls;
-  display: paged-y-controls;
-  display: fragments;
+@namespace "http://example.com/css3-namespace/";
+
+.overflow-3 {
+  max-lines: auto;
 }
 
 .page {
@@ -322,11 +421,39 @@
   display: verso;
 }
 
-.preslev {
-  presentation-level: increment;
+.page-floats-3 {
+  float-reference: inline-start;
+  float-defer: inline-end;
+  float-offset: snap-block;
+  display: snap-inline;
+  display: snap-block(2em, near);
+  display: snap-inline(2em, near);
 }
 
-.regions:region {
+.paint-api-1 {
+  display: paint(my_logo);
+}
+
+.pointerevents {
+  touch-action: pan-x;
+  display: pan-y;
+  display: manipulation;
+}
+
+.position-3 {
+  offset-before: sticky;
+  offset-end: auto;
+  offset-after: auto;
+  offset-start: auto;
+}
+
+.pseudo-4::inactive-selection,
+.pseudo-4::spelling-error,
+.pseudo-4::grammer-error {
+  display: auto;
+}
+
+.regions-1:region {
   flow-into: element;
   flow-from: content;
   region-fragment: break;
@@ -334,45 +461,91 @@
   display: avoid-region;
 }
 
-.ruby {
+.rhythm-1 {
+  line-height-step: margin;
+  block-step-size: up;
+  block-step-insert: down;
+  block-step-align: nearest;
+  block-step-round: auto;
+  block-step: auto;
+}
+
+@media (device-radius: 50%) {
+  .round-display-1 {
+    shape-inside: outside-shape;
+    border-boundary: shape-box;
+    polar-angle: parent;
+    polar-distance: polar;
+  }
+}
+
+.ruby-1 {
   ruby-position: ruby-base-container;
   ruby-merge: ruby-text-container;
   ruby-align: inter-character;
 }
 
-@scope .scoping {
+@scope .scoping-1 {
   div {
     display: auto;
   }
 }
 
-.scoping:scope-context div,
-.scoping:host,
-.scping:host(.foo),
-.scoping:host-context,
-.scoping::shadow,
-.scoping::content,
-.scoping /deep/ span {
+.scoping-1:scope-context div,
+.scoping-1:host,
+.scoping-1:host(.foo),
+.scoping-1:host-context,
+.scoping-1::shadow,
+.scoping-1::content,
+.scoping-1 /deep/ span {
   display: auto;
 }
 
-.selectors3:target,
-.selectors3:enabled,
-.selectors3:disabled,
-.selectors3:checked,
-.selectors3:indeterminate,
-.selectors3:root,
-.selectors3:empty,
-.selectors3:last-child,
-.selectors3:last-of-type,
-.selectors3:first-of-type,
-.selectors3:only-child,
-.selectors3:only-of-type,
-.selectors3:nth-child(2n+1),
-.selectors3:nth-last-child(-n+2),
-.selectors3:nth-of-type(2n+1),
-.selectors3:nth-last-of-type(n+2),
-.selectors3:not([DISABLED]) {
+.scroll-snap-1 {
+  scroll-snap-type: x;
+  scroll-padding: y;
+  scroll-snap-margin: mandatory;
+  scroll-snap-align: proximity;
+  scroll-snap-stop: auto;
+  scroll-padding-top: auto;
+  scroll-padding-right: auto;
+  scroll-padding-bottom: auto;
+  scroll-padding-left: auto;
+  scroll-padding-inline-start: auto;
+  scroll-padding-block-start: auto;
+  scroll-padding-inline-end: auto;
+  scroll-padding-block-end: auto;
+  scroll-padding-block: auto;
+  scroll-padding-inline: auto;
+  scroll-snap-margin-top: auto;
+  scroll-snap-margin-right: auto;
+  scroll-snap-margin-bottom: auto;
+  scroll-snap-margin-left: auto;
+  scroll-snap-margin-inline-start: auto;
+  scroll-snap-margin-block-start: auto;
+  scroll-snap-margin-inline-end: auto;
+  scroll-snap-margin-block-end: auto;
+  scroll-snap-margin-block: auto;
+  scroll-snap-margin-inline: auto;
+}
+
+.selectors:target,
+.selectors:enabled,
+.selectors:disabled,
+.selectors:checked,
+.selectors:indeterminate,
+.selectors:root,
+.selectors:empty,
+.selectors:last-child,
+.selectors:last-of-type,
+.selectors:first-of-type,
+.selectors:only-child,
+.selectors:only-of-type,
+.selectors:nth-child(2n+1),
+.selectors:nth-last-child(-n+2),
+.selectors:nth-of-type(2n+1),
+.selectors:nth-last-of-type(n+2),
+.selectors:not([DISABLED]) {
   display: auto;
 }
 
@@ -398,7 +571,7 @@
 .selectors4:active-drop-target,
 .selectors4:valid-drop-target,
 .selectors4:invalid-drop-target,
-.selectors3:matches(:hover, :focus),
+.selectors4:matches(:hover, :focus),
 .selectors4:dir(ltr),
 .selectors4:local-link(0),
 .selectors4:current(p, li, dt, dd),
@@ -410,7 +583,11 @@
   display: auto;
 }
 
-.shapes {
+.selectors-nonelement-1::attr(title) {
+  display: auto;
+}
+
+.shapes-1 {
   shape-outside: margin-box;
   shape-image-threshold: inset(50% 50% 50% 50%);
   shape-margin: circle(100px 50px 100px);
@@ -418,12 +595,10 @@
   display: polygon(0 0, 100% 100%, 0 100%);
 }
 
-.sizing {
+.sizing-3 {
   display: max-content;
+  display: min-content;
   display: fit-content;
-  display: fill-available;
-  display: repudiate-floats;
-  display: contain-floats;
 }
 
 .speech {
@@ -443,7 +618,19 @@
   display: reduced;
 }
 
-.text {
+.style-attr {
+  display: auto;
+}
+
+.syntax-3 {
+  display: auto;
+}
+
+.tables-3 {
+  display: auto;
+}
+
+.text-3 {
   hyphens: manual;
   line-break: loose;
   overflow-wrap: strict;
@@ -453,6 +640,31 @@
   display: full-width;
 }
 
+.text-4 {
+  text-space-collapse: preserve-auto;
+  text-space-trim: preserve-trim;
+  text-wrap: preserve-breaks;
+  wrap-before: preserve-spaces;
+  wrap-after: trim-inner;
+  wrap-inside: discard-before;
+  hyphenate-character: discard-after;
+  hyphenate-limit-zone: avoid-line;
+  hyphenate-limit-chars: avoid-flex;
+  hyphenate-limit-lines: pre-wrap-auto;
+  hyphenate-limit-last: no-limit;
+  text-spacing: spread;
+  display: trim-start;
+  display: space-start;
+  display: trim-end;
+  display: space-end;
+  display: trim-adjacent;
+  display: space-adjacent;
+  display: no-compress;
+  display: ideograph-alpha;
+  display: ideograph-numeric;
+  display: punctuation;
+}
+
 .text-decor-3 {
   text-decoration-color: filled;
   text-decoration-line: dot;
@@ -469,7 +681,11 @@
   display: over;
 }
 
-.transforms {
+.timing-1 {
+  display: frames(2);
+}
+
+.transforms-1 {
   backface-visibility: flat;
   perspective: preserve-3d;
   perspective-origin: matrix(1);
@@ -507,90 +723,168 @@
   display: cubic-bezier(0.25, 0.1, 0.25, 1.0);
 }
 
-.ui {
-  icon: active;
-  resize: inactive;
-  box-sizing: disabled;
-  ime-mode: root;
-  nav-index: horizontal;
-  nav-up: vertical;
-  nav-right: clip;
-  nav-down: ellipsis;
-  nav-left: auto;
-  outline-offset: auto;
+.ui-3 {
+  caret-color: grab;
+  display: grabbing;
 }
 
-.values {
+.ui-4 {
+  caret: fade;
+  caret-shape: fade(1em);
+  caret-animation: underscore;
+}
+
+.values-3 {
   display: 1ch;
-  display: 1rem;
   display: 1vw;
   display: 1vh;
   display: 1vmin;
+  display: 1q;
   display: 1turn;
-  display: 1dpi;
-  display: 1dpcm;
-  display: 1dppx;
   display: calc(100%/3 - 2*1em - 2*1px);
-  display: toggle(italic, normal);
-  display: initial;
 }
 
-.variables {
+.variables-1 {
   var-foo: var(foo);
 }
 
-.will-change {
+@viewport {
+  min-zoom: auto;
+  max-zoom: auto;
+  user-zoom: auto;
+}
+
+.web-animations-1 {
+  display: auto;
+}
+
+.will-change-1 {
   will-change: scroll-position;
 }
 
-.writing-modes {
-  text-orientation: before;
-  text-combine-horizontal: after;
-  writing-mode: isolate;
-  display: isolate;
+.writing-modes-3 {
+  writing-mode: before;
+  text-orientation: after;
+  text-combine-upright: mixed;
+  glyph-orientation-vertical: upright;
   display: plaintext;
-  display: mixed;
-  display: upright;
   display: sideways;
-  display: sideways-right;
-  display: sideways-left;
-  display: use-glyph-orientation;
+  display: sideways-rl;
+  display: sideways-lr;
+  display: isolate;
+  display: isolate-override;
   display: horizontal-tb;
   display: vertical-rl;
   display: vertical-lr;
 }
 
-.html5-elements,
-article,
-section,
-nav,
-aside,
-header,
-footer,
-figure,
-figcaption,
-main,
-data,
-time,
-mark,
-ruby,
+.html5,
+picture,
 rb,
-rt,
 rtc,
-rp,
-bdi,
-wbr,
-embed,
-video,
-audio,
-source,
-track,
-datalist,
-keygen,
-output,
-progress,
-meter,
-template,
-canvas {
+template {
   display: auto;
 }
+
+.svg2,
+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 {
+  color-interpolation: arcs;
+  color-rendering: butt;
+  cx: crispEdges;
+  cy: geometricPrecision;
+  d: optimizeQuality;
+  fill-opacity: painted;
+  fill-rule: stroke;
+  fill: viewport;
+  image-rendering: visibleFill;
+  marker-end: visiblePainted;
+  marker-mid: visibleStroke;
+  marker-start: bounding-box;
+  pointer-events: context-fill;
+  r: context-stroke;
+  rx: fixed-position;
+  ry: miter;
+  shape-rendering: miter-clip;
+  solid-color: non-scaling-stroke;
+  solid-opacity: non-scaling-size;
+  stop-color: non-rotation;
+  stop-opacity: child(1);
+  stroke-dasharray: icc-color(foo);
+  stroke-dashoffset: auto;
+  stroke-linecap: auto;
+  stroke-linejoin: auto;
+  stroke-miterlimit: auto;
+  stroke-opacity: auto;
+  stroke-width: auto;
+  stroke: auto;
+  text-anchor: auto;
+  vector-effect: auto;
+  x: auto;
+  y: auto;
+}