Version 0.22.2

See also: http://www.w3.org/TR/2017/CR-css-grid-1-20170509/

README.md

@@ -1,161 +1,108 @@
 vim-css3-syntax
 ===============
 
-Add CSS3 syntax support to vim'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
 ------------
 
-Download from GitHub, extract `vim-css3-syntax.tar.gz`, and copy contents to `~/.vim` directory.
+I **strongly** recommend to install this plugin on *Vim 7.4 or higher with
+default runtime files*.
 
 
-### Git and pathogen
+### Vim package
+
+    $ mkdir -p ~/.vim/pack/css3-syntax/start
+    $ cd ~/.vim/pack/css3-syntax/start
+    $ git clone https://github.com/hail2u/vim-css3-syntax.git
+
+
+### pathogen.vim
 
     $ cd ~/.vim/bundle
     $ git clone https://github.com/hail2u/vim-css3-syntax.git
 
 
-### With HTML file
+### Manual
 
-Create `~/.vim/after/syntax/html.vim` and write these line:
-
-    syn include @htmlCss syntax/css/html5-elements.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-colors.vim
-    syn include @htmlCss syntax/css/css3-content.vim
-    syn include @htmlCss syntax/css/css3-exclusions.vim
-    syn include @htmlCss syntax/css/css3-flexbox.vim
-    syn include @htmlCss syntax/css/css3-gcpm.vim
-    syn include @htmlCss syntax/css/css3-grid.vim
-    syn include @htmlCss syntax/css/css3-grid-layout.vim
-    syn include @htmlCss syntax/css/css3-hyperlinks.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-lists.vim
-    syn include @htmlCss syntax/css/css3-marquee.vim
-    " syn include @htmlCss syntax/css/css3-mediaqueries.vim
-    syn include @htmlCss syntax/css/css3-multicol.vim
-    syn include @htmlCss syntax/css/css3-preslev.vim
-    syn include @htmlCss syntax/css/css3-regions.vim
-    syn include @htmlCss syntax/css/css3-ruby.vim
-    syn include @htmlCss syntax/css/css3-selectors.vim
-    syn include @htmlCss syntax/css/css3-text.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/css3-writing-modes.vim
+Download `vim-css3-syntax.tar.gz` from GitHub, extract it, and copy the contents
+to your `~/.vim` directory.
 
 
-### With SCSS (Sassy CSS) file
+NOTES
+-----
 
-Create `~/.vim/after/syntax/scss.vim` and write these lines:
+### Highlighting problems on: `vertical-align`, `box-shadow`, and others
 
-    runtime! syntax/css/html5-elements.vim
-    runtime! syntax/css/css3-animations.vim
-    runtime! syntax/css/css3-background.vim
-    runtime! syntax/css/css3-box.vim
-    runtime! syntax/css/css3-break.vim
-    runtime! syntax/css/css3-colors.vim
-    runtime! syntax/css/css3-content.vim
-    runtime! syntax/css/css3-exclusions.vim
-    runtime! syntax/css/css3-flexbox.vim
-    runtime! syntax/css/css3-gcpm.vim
-    runtime! syntax/css/css3-grid.vim
-    runtime! syntax/css/css3-grid-layout.vim
-    runtime! syntax/css/css3-hyperlinks.vim
-    runtime! syntax/css/css3-images.vim
-    runtime! syntax/css/css3-layout.vim
-    runtime! syntax/css/css3-linebox.vim
-    runtime! syntax/css/css3-lists.vim
-    runtime! syntax/css/css3-marquee.vim
-    " runtime! syntax/css/css3-mediaqueries.vim
-    runtime! syntax/css/css3-multicol.vim
-    runtime! syntax/css/css3-preslev.vim
-    runtime! syntax/css/css3-regions.vim
-    runtime! syntax/css/css3-ruby.vim
-    runtime! syntax/css/css3-selectors.vim
-    runtime! syntax/css/css3-text.vim
-    runtime! syntax/css/css3-transforms.vim
-    runtime! syntax/css/css3-transitions.vim
-    runtime! syntax/css/css3-ui.vim
-    runtime! syntax/css/css3-values.vim
-    runtime! syntax/css/css3-writing-modes.vim
+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.
 
 
-About Vendor Extension
-----------------------
+### Vendor Prefixes
 
-I do not hava a plan to support a CSS 3 property (and function) with vendor extension, such as `-webkit-` or `-moz-`, etc.. These are hard to maintain because:
+I do not plan to support CSS3 properties (or functions) with vendor prefixes,
+such as `-webkit-` or `-moz-`, etc. These are hard to maintain because they are:
 
   * Added frequently
   * Changed unexpectedly
   * Removed silently
 
-These must be supported by seperate syntax plugin. Or, if you want to highlight prefixed properties or functions, `:highlight` and `:match` would help.
+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:
 
     :highlight VendorPrefix guifg=#00ffff gui=bold
     :match VendorPrefix /-\(moz\|webkit\|o\|ms\)-[a-zA-Z-]\+/
 
-These commands highlight vendor prefixed properties and functions instantly with cyan and bold (on gVim).
+These commands highlight vendor prefixed properties and functions instantly with
+cyan and bold (on gVim).
 
 
-HISTORY
--------
+### CSS Preprocessors: [Sass][2], [LESS][3], and [Stylus][4]
 
-### v0.5
-
-  * Add CSS Regions Module Level 3 features
-  * Add CSS Exclusions and Shapes Module Level 3 features
-  * Add CSS Grid Layout features
-  * Add CSS Box Alignment features
-  * Add `gr` unit
-  * Follow spec updates
-  * Some minor bug fixes
-
-### v0.4
-
-  * Add CSS Fragmentation Module Level 3 features
-  * Fix a problem on pseudo-class and pseudo-element names inside @media block
-  * Fix a problem on media type and expression
-  * Add CSS Values and Units Module Level 3 features
-  * Follow spec updates
-  * Some minor bug fixes
+`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.
 
 
-### v0.3
+### Media Queries
 
-  * Add CSS3 Presentation Levels Module features
-  * Add CSS3 Lists Module features
-  * Add CSS3 Generated and Replaced Content Module features
-  * Add CSS Template Layout Module features
-  * Add CSS Image Values and Replaced Content Module Level 3 features
-  * Fix a problem on class names inside @media block
-  * Some minor bug fixes
-
-
-### v0.2
-
-  * Almost all CSS3 features added
-
-
-### v0.1
-
-  * Initial release
+I drop Media Queries Level 3 support in v0.12.0. There is no easy way to support
+Media Queries properly with `after` syntax plugin like this one, sorry. If you
+want to highlight Media Queries correctly, you must update Vim to 7.4+ or
+install [JulesWang/css.vim][6].
 
 
 AUTHOR
 ------
 
-Kyo Namegashima <kyo@hail2u.net>
+Kyo Nagashima <hail2u@gmail.com> (https://kyonagashima.com/)
 
 
 LICENSE
 -------
 
 MIT: http://hail2u.mit-license.org/2011
+
+
+[1]: http://www.vim.org/
+[2]: http://sass-lang.com/
+[3]: http://lesscss.org/
+[4]: http://learnboost.github.io/stylus/
+[5]: https://github.com/groenewege/vim-less
+[6]: https://github.com/JulesWang/css.vim

after/syntax/css/compositing-1.vim

@@ -0,0 +1,4 @@
+" TODO: create cssCompositingProp and cssCompositingAttr
+syn keyword cssFontProp contained isolation
+syn match cssFontProp contained "\<\(mix\|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/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,2 +1,2 @@
-" TODO: create cssBreakProp group and cssBreakAttr group
 syn match cssFontProp contained "\<break-\(after\|before\|inside\)\>"
+syn match cssFontProp contained "\<box-decoration-break\>"

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

@@ -0,0 +1,14 @@
+" TODO: create cssCounterStyleDescriptor for `@counter-style` descriptors
+syn region cssInclude start=/@counter-style\>/ end=/\ze{/ skipwhite skipnl contains=css.*Prop,css.*Attr,cssValueInteger,cssValueLength,cssMediaKeyword,cssVendor,cssIncludeKeyword,cssComment nextgroup=cssMediaBlock
+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 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

@@ -0,0 +1,4 @@
+" TODO: create cssDisplayProp group and cssDisplayAttr group
+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,4 +1,3 @@
-" 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

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

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

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

@@ -0,0 +1,17 @@
+syn match cssFontProp contained "\<font-feature-settings\>"
+syn match cssFontProp contained "\<font-kerning\>"
+syn match cssFontProp contained "\<font-language-override\>"
+syn match cssFontProp contained "\<font-synthesis\>"
+syn match cssFontProp contained "\<font-variant-\(alternates\|caps\|east-asian\|ligatures\|numeric\|position\)\>"
+syn keyword cssFontAttr contained unicase ordinal jis78 jis83 jis90 jis04 simplified traditional
+syn match cssFontAttr contained "\<\(no-\)\=\(common\|discretionary\|historical\)-ligatures\>"
+syn match cssFontAttr contained "\<\(no-\)\=contextual\>"
+syn match cssFontAttr contained "\<historical-forms\>"
+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 "\<slashed-zero\>"
+syn match cssFontAttr contained "\<proportional-width\>"
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(stylistic\|styleset\|character-variant\|swash\|ornaments\|annotation\)\s*(" end=")" oneline keepend

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

@@ -0,0 +1,5 @@
+syn keyword cssGeneratedContentProp contained running
+syn match cssGeneratedContentProp contained "\<footnote-\(display\|policy\)\>"
+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

@@ -0,0 +1,10 @@
+syn match cssFontProp contained "\<grid-template\(-\(columns\|rows\|areas\)\)\=\>"
+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 match cssFontProp contained "\<grid\(-\(column\|row\)\)\=-gap\>"
+syn keyword cssFontAttr contained grid 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\|fit-content\|repeat\)\s*(" end=")" oneline keepend

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

@@ -0,0 +1,2 @@
+syn match cssFontProp contained "\<image-resolution\>"
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(image\|element\|conic-gradient\)\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-line-grid-1.vim

@@ -0,0 +1,6 @@
+" TODO: create cssLineGridProp and cssLineGridAttr
+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\>"

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

@@ -0,0 +1,6 @@
+syn match cssGeneratedContentProp contained "\<marker-side\>"
+syn match cssGeneratedContentProp contained "\<counter-set\>"
+syn keyword cssGeneratedContentAttr contained marker
+syn match cssGeneratedContentAttr contained "\<list-container\>"
+syn keyword cssPseudoClassId contained marker
+syn region cssFunction contained matchgroup=cssFunctionName start="\<counters\s*(" end=")" oneline keepend

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

@@ -0,0 +1,10 @@
+" TODO: create cssMaskingProp group and cssMaskingValue group
+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\>"
+
+" http://www.w3.org/TR/css-masking/#MaskElement
+syn keyword cssTagName mask

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

@@ -0,0 +1 @@
+syn match cssFontProp contained "\<max-lines\>"

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-regions-1.vim

@@ -0,0 +1,6 @@
+" 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 cssPseudoClassId contained region

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-ruby-1.vim

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

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

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

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-shapes-1.vim

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

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-3.vim

@@ -0,0 +1,8 @@
+syn keyword cssTextProp contained hyphens
+syn match cssTextProp contained "\<line-break\>"
+syn match cssTextProp contained "\<overflow-wrap\>"
+syn match cssTextProp contained "\<tab-size\>"
+syn keyword cssTextAttr contained manual loose strict hanging
+syn match cssTextAttr contained "\<match-parent\>"
+syn match cssTextAttr contained "\<each-line\>"
+syn match cssTextAttr contained "\<full-width\>"

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-text-decor-3.vim

@@ -0,0 +1,3 @@
+syn match cssTextProp contained "\<text-\(decoration\(-\(color\|line\|skip\|style\)\)\=\|underline-position\|emphasis\(-\(color\|position\|style\)\)\=\)\>"
+syn keyword cssTextAttr contained wavy objects alphabetic spaces edges ink under filled dot triangle sesame over
+syn match cssTextAttr contained "\<box-decoration\>"

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-variables-1.vim

@@ -0,0 +1,3 @@
+" TODO: create cssVariableProp group
+syn match cssFontProp contained "\<var-[A-Za-z_][A-Za-z0-9_-]\+\>"
+syn region cssFunction contained matchgroup=cssFunctionName start="\<var\s*(" end=")" oneline keepend

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

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

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

@@ -0,0 +1,8 @@
+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
+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 head foot true
-syn match cssFontAttr contained "\<flex-\(start\|end\)\>"
-syn match cssFontAttr contained "\<space-\(between\|around\)\>"

after/syntax/css/css3-background.vim

@@ -2,6 +2,6 @@
 syn match cssFontProp contained "\<background-\(clip\|origin\|size\)\>"
 syn match cssFontProp contained "\<border-image\(-\(source\|slice\|width\|outset\|repeat\)\)\=\>"
 syn match cssFontProp contained "\<border-\(\(top-right\|bottom-right\|bottom-left\|top-left\)-\)\=radius\>"
-syn match cssFontProp contained "\<box-\(decoration-break\|shadow\)\>"
+syn match cssFontProp contained "\<box-shadow\>"
 syn keyword cssFontAttr contained space round local fill stretch clone slice
 syn match cssFontAttr contained "\<\(padding\|border\|content\)-box\>"

after/syntax/css/css3-box.vim

@@ -1,5 +1,5 @@
 syn match cssBoxProp contained "\<overflow-\(style\|x\|y\)\>"
 syn match cssBoxProp contained "\<rotation\(-point\)\=\>"
-syn keyword cssBoxAttr contained scrollbar panner move marquee
+syn keyword cssBoxAttr contained scrollbar panner marquee
 syn match cssBoxAttr contained "\<ruby\(-\(base\(-group\)\=\|text\(-group\)\=\)\)\=\>"
 syn match cssBoxAttr contained "\<no-\(display\|content\)\>"

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-conditional.vim

@@ -0,0 +1 @@
+syn region cssInclude start=/@supports\>/ end=/\ze{/ skipwhite skipnl contains=css.*Prop,css.*Attr,cssValueInteger,cssValueLength,cssMediaKeyword,cssVendor,cssIncludeKeyword,cssComment nextgroup=cssMediaBlock

after/syntax/css/css3-content.vim

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

after/syntax/css/css3-exclusions.vim

@@ -1,5 +1,3 @@
 " TODO: create cssExclusionsProp group and cssExclusionsAttr group
-syn match cssFontProp contained "\<shape-\(image-threshold\|inside\|outside\)\>"
-syn match cssFontProp contained "\<wrap\(-\(flow\|margin\|padding\|through\)\)\=\>"
-syn keyword cssFontAttr contained maximum
-syn match cssFontAttr contained "\<outside-shape\>"
+syn match cssFontProp contained "\<wrap-\(flow\|through\)\>"
+syn keyword cssFontAttr contained minimum maximum

after/syntax/css/css3-gcpm.vim

@@ -1,10 +0,0 @@
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(target-\(counter\|counters\|text\)\|symbols\)\s*(" end=")" oneline keepend
-syn keyword cssGeneratedContentProp contained bleed hyphens marks
-syn match cssGeneratedContentProp contained "\<bookmark-\(lable\|level\|state\|target\)\>"
-syn match cssGeneratedContentProp contained "\<float-offset\>"
-syn match cssGeneratedContentProp contained "\<hyphenate-\(before\|character\|lines\|resource\)\>"
-syn match cssGeneratedContentProp contained "\<image-resolution\>"
-syn match cssGeneratedContentProp contained "\<string-set\>"
-syn keyword cssGeneratedContentAttr contained open closed manual crop cross
-syn match cssGeneratedContentAttr contained "\<no-limit\>"
-syn match cssGeneratedContentAttr contained "\<super-decimal\>"

after/syntax/css/css3-grid-layout.vim

@@ -1,4 +0,0 @@
-" TODO: create cssGridLayoutProp group and cssGridLayoutAttr group
-syn match cssFontProp contained "\<grid-\(cell\|\(column\|row\)\(-\(align\|sizing\|span\)\)\=\|columns\|flow\|rows\|template\)\>"
-syn keyword cssFontAttr contained grid rows
-syn match cssFontAttr contained "\<inline-grid\>"

after/syntax/css/css3-grid.vim

@@ -1,3 +0,0 @@
-" TODO: create cssGridProp group and cssValueGrid group
-syn match cssFontProp contained "\<grid-\(columns\|rows\)\>"
-syn match cssValueInteger contained "\d\+gr"

after/syntax/css/css3-hyperlinks.vim

@@ -1,3 +0,0 @@
-" TODO: create cssHyperlinksProp group and cssHyperlinksAttr group
-syn match cssFontProp contained "\<target\(-\(name\|new\|position\)\)\=\>"
-syn keyword cssFontAttr contained current new modal window tab front back

after/syntax/css/css3-images.vim

@@ -1,6 +1,6 @@
-" TODO: create cssImagesProp group and cssImagesAttr group
 syn match cssFontProp contained "\<object-\(fit\|position\)\>"
-syn match cssFontProp contained "\<image-\(resolution\|orientation\)\>"
+syn match cssFontProp contained "\<image-orientation\>"
 syn keyword cssFontAttr contained contain cover snap
+syn match cssFontAttr contained "\<from-image\>"
 syn match cssFontAttr contained "\<scale-down\>"
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(image\|element\|\(repeating-\)\=\(linear\|radial\)-gradient\)\s*(" end=")" oneline keepend
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(\(repeating-\)\=\(linear\|radial\)-gradient\)\s*(" end=")" oneline keepend

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-lists.vim

@@ -1,18 +0,0 @@
-syn keyword cssGeneratedContentAttr contained box check diamond hyphen
-syn keyword cssGeneratedContentAttr contained syriac tamil
-syn match cssGeneratedContentAttr contained "\<\(lower\|upper\)-armenian\>"
-syn match cssGeneratedContentAttr contained "\<ethiopic-numeric\>"
-syn match cssGeneratedContentAttr contained "\<japanese-\(formal\|informal\)\>"
-syn match cssGeneratedContentAttr contained "\<\(simp\|trad\)-chinese-\(formal\|informal\)\>"
-syn keyword cssGeneratedContentAttr contained binary bengali cambodian devanagari gujarati gurmukhi kannada khmer lao malayalam mongolian myanmar octal oriya persian telugu tibetan thai urdu
-syn match cssGeneratedContentAttr contained "\<arabic-indic\>"
-syn match cssGeneratedContentAttr contained "\<\(lower\|upper\)-hexadecimal\>"
-syn keyword cssGeneratedContentAttr contained afar amharic oromo sidama somali tigre
-syn match cssGeneratedContentAttr contained "\<ethiopic\(-\(abegede\|abegede-am-et\|abegede-gez\|abegede-ti-er\|abegede-ti-et\|halehame-aa-er\|halehame-aa-et\|halehame-am-et\|halehame-gez\|halehame-om-et\|halehame-sid-et\|halehame-so-et\|halehame-ti-er\|halehame-ti-et\|halehame-tig\)\)\=\>"
-syn match cssGeneratedContentAttr contained "\<hangul\(-consonant\)\=\>"
-syn match cssGeneratedContentAttr contained "\<\(lower\|upper\)-norwegian\>"
-syn match cssGeneratedContentAttr contained "\<tigrinya-\(er\|er-abegede\|et\|et-abegede\)\>"
-syn keyword cssGeneratedContentAttr contained asterisks footnotes
-syn match cssGeneratedContentAttr contained "\<\(circled\|dotted\|double-circled\|filled-circled\|parenthesised\)-decimal\>"
-syn match cssGeneratedContentAttr contained "\<\(circled-\(lower\|upper\)\|parenthesised-lower\)-latin\>"
-syn keyword cssPseudoClassId contained marker

after/syntax/css/css3-marquee.vim

@@ -1,5 +0,0 @@
-" TODO: create cssMarqueeProp group and cssMarqueeAttr group
-syn match cssFontProp contained "\<marquee-\(direction\|play-count\|speed\|style\)\>"
-syn match cssFontProp contained "\<overflow-style\>"
-syn keyword cssFontAttr contained forward reverse infinite slow fast slide alternate
-syn match cssFontAttr contained "\<marquee-\(line\|block\)\>"

after/syntax/css/css3-mediaqueries.vim

@@ -1,4 +0,0 @@
-syn region cssMediaType contained start='(' end=')' contains=css.*Attr,css.*Prop,cssComment,cssValue.*,cssColor,cssURL,cssImportant,cssError,cssStringQ,cssStringQQ,cssFunction,cssUnicodeEscape nextgroup=cssMediaComma,cssMediaAnd,cssMediaBlock skipwhite skipnl
-syn match cssMediaAnd "and" nextgroup=cssMediaType skipwhite skipnl
-syn clear cssMediaBlock
-syn region cssMediaBlock contained transparent matchgroup=cssBraces start='{' end='}' contains=cssTagName,cssSelectorOp,cssAttributeSelector,cssIdentifier,cssError,cssDefinition,cssPseudoClass,cssPseudoClassLang,cssComment,cssUnicodeEscape,cssClassName,cssURL

after/syntax/css/css3-multicol.vim

@@ -1,5 +1,5 @@
 " TODO: create cssMulticolProp group and cssMulticolAttr group
 syn keyword cssFontProp contained columns
-syn match cssFontProp contained "\<column-\(count\|fill\|gap\|rule\(-\(color\|style\|width\)\=\)\|span\|width\)\>"
-syn keyword cssFontAttr contained page column balance
-syn match cssFontAttr contained "\<avoid-\(page\|column\)\>"
+syn match cssFontProp contained "\<column-\(count\|fill\|gap\|rule\(-\(color\|style\|width\)\)\=\|span\|width\)\>"
+syn keyword cssFontAttr contained balance
+syn match cssFontAttr contained "\<\(avoid-\)\=column\>"

after/syntax/css/css3-namespace.vim

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

after/syntax/css/css3-page.vim

@@ -0,0 +1,3 @@
+" TODO: Create cssPageAttr group
+syn keyword cssFontAttr contained recto verso
+syn match cssFontAttr contained "\<\(avoid-\)\=page\>"

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-regions.vim

@@ -1,6 +0,0 @@
-" TODO: create cssRegionsProp group and cssRegionsAttr group
-syn match cssFontProp contained "\<flow-\(from\|into\)\>"
-syn match cssFontProp contained "\<region-overflow\>"
-syn keyword cssFontAttr contained break
-syn match cssFontAttr contained "\<\(avoid-\)\=region\>"
-syn match cssTagName "@region\>" nextgroup=cssDefinition

after/syntax/css/css3-ruby.vim

@@ -1,5 +0,0 @@
-" TODO: create cssRubyProp group and cssRubyAttr group
-syn match cssFontProp contained "\<ruby-\(align\|overhang\|position\|span\)"
-syn keyword cssUIAttr contained start end
-syn match cssUIAttr contained "\<distribute-\(letter\|space\)\>"
-syn match cssUIAttr contained "\<line-edge\>"

after/syntax/css/css3-speech.vim

@@ -0,0 +1,6 @@
+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 match cssValueNumber contained "[-+]\=\d\+\(dB\|st\)"

after/syntax/css/css3-text.vim

@@ -1,17 +0,0 @@
-syn match cssTextProp contained "\<hanging-punctuation\>"
-syn match cssTextProp contained "\<line-break\>"
-syn match cssTextProp contained "\<overflow-wrap\>"
-syn match cssTextProp contained "\<tab-size\>"
-syn match cssTextProp contained "\<text-\(align-last\|autospace\|decoration\(-\(color\|line\|skip\|style\)\)\=\|emphasis\(-\(color\|position\|style\)\)\=\|justify\|shadow\|space-collapse\|underline-position\|wrap\)\>"
-syn match cssTextProp contained "\<word-break\>"
-syn keyword cssTextAttr contained loose strict start end blink objects spaces ink edges wavy filled open dot circle triangle sesame hanging distribute kashida preserve alphabetic
-syn match cssTextAttr contained "\<\(allow\|force\)-end\>"
-syn match cssTextAttr contained "\<keep-all\>"
-syn match cssTextAttr contained "\<match-parent\>"
-syn match cssTextAttr contained "\<double-circle\>"
-syn match cssTextAttr contained "\<each-line\>"
-syn match cssTextAttr contained "\<inter-\(word\|ideograph\|cluster\)\>"
-syn match cssTextAttr contained "\<preserve-breaks\>"
-syn match cssTextAttr contained "\<full-\(width\|size-kana\)\>"
-syn match cssTextAttr contained "\<pre-\(wrap\|line\)\>"
-syn match cssTextAttr contained "\<break-\(all\|word\)\>"

after/syntax/css/css3-transitions.vim

@@ -1,6 +1,6 @@
-" TODO: create cssTransitionProp group and cssTransitionAttr group
+" TODO: create cssTransitionsProp group and cssTransitionsAttr group
 syn match cssFontProp contained "\<transition\(-\(property\|duration\|timing-function\|delay\)\)\=\>"
-syn keyword cssFontAttr contained IDENT linear
+syn keyword cssFontAttr contained linear
 syn match cssFontAttr contained "\<ease\(-\(in\|out\|in-out\)\)\=\>"
-syn match cssFontAttr contained "\<step-\(start\|end\)\=\>"
+syn match cssFontAttr contained "\<step-\(start\|end\)\>"
 syn region cssFunction contained matchgroup=cssFunctionName start="\<\(steps\|cubic-bezier\)\s*(" end=")" oneline keepend

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\(-\(color\|offset\|style\|width\)\)\="
-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\)"
-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\|cycle\)\s*(" end=")" oneline keepend
-syn keyword cssCommonAttr contained initial

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

@@ -1,8 +0,0 @@
-" TODO: create cssWritingModeProp group and cssWritingModeAttr group
-syn match cssFontProp contained "\<text-\(orientation\|combine-\(horizontal\|mode\)\)\>"
-syn match cssFontProp contained "\<writing-mode\>"
-syn keyword cssFontAttr contained before after numeric digits alpha latin alphanumeric isolate plaintext
-syn match cssFontAttr contained "\<\(\(min\|max\|fit\)-content\|fill-available\)\>"
-syn match cssFontAttr contained "\<\(\(no-\)\=compress\|use-glyphs\)\>"
-syn match cssFontAttr contained "\<\(mixed-right\|upright\|sideways\(-right\|-left\)\=\|use-glyph-orientation\)\>"
-syn match cssFontAttr contained "\<\(horizontal-tb\|vertical-\(rl\|lr\)\)\>"

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/fill-stroke-3.vim

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

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,2 +0,0 @@
-" HTML5 new elements
-syn keyword cssTagName section article aside hgroup header footer nav figure figcaption video audio source embed mark progress meter data time ruby rt rp bdi wbr canvas command details summary datalist keygen output

after/syntax/css/html5.vim

@@ -0,0 +1 @@
+syn keyword cssTagName picture rb rtc slot 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/selectors.vim

@@ -1,5 +1,5 @@
 syn keyword cssPseudoClassId contained target enabled disabled checked indeterminate root empty
-syn match cssPseudoClassId contained "\<first-of-type\>"
 syn match cssPseudoClassId contained "\<last-\(child\|of-type\)\>"
+syn match cssPseudoClassId contained "\<first-of-type\>"
 syn match cssPseudoClassId contained "\<only-\(child\|of-type\)\>"
 syn region cssPseudoClassLang matchgroup=cssPseudoClassId start=":\(nth\(-last\)\=-\(child\|of-type\)\|not\)(" end=")" oneline

after/syntax/css/selectors4.vim

@@ -0,0 +1,9 @@
+syn match cssSelectorOp "[|]"
+syn keyword cssPseudoClassId contained scope current past future default valid invalid required optional blank
+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-error\>"
+syn match cssPseudoClassId contained "\<\(active\|valid\|invalid\)-drop-target\>"
+syn region cssPseudoClassLang matchgroup=cssPseudoClassId start=":\(matches\|dir\|local-link\|current\|nth\(-last\)\=-\(match\|column\)\|column\)(" end=")" oneline

after/syntax/css/svg2.vim

@@ -0,0 +1,20 @@
+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 "\<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 "\<text-anchor\>"
+syn match cssFontProp contained "\<vector-effect\>"
+
+syn keyword cssFontAttr contained crispEdges geometricPrecision optimizeQuality painted stroke viewport visibleFill visiblePainted visibleStroke
+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

@@ -0,0 +1,77 @@
+syn include @htmlCss syntax/css/compositing-1.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-images-4.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-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/fill-stroke-3.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

after/syntax/scss.vim

@@ -0,0 +1 @@
+runtime! syntax/css/*.vim

test/test.css

@@ -0,0 +1,916 @@
+.align-3 {
+  justify-self: safe;
+  justify-content: unsafe;
+  justify-items: self-start;
+  align-self: self-end;
+  align-content: flex-start;
+  align-items: flex-end;
+  place-self: space-around;
+  place-content: space-between;
+  place-items: space-evenly;
+  display: legacy;
+}
+
+.animations {
+  animation: forwards;
+  animation-delay: backwards;
+  animation-direction: running;
+  animation-duration: paused;
+  animation-fill-mode: alternate-reverse;
+  animation-iteration-count: auto;
+  animation-name: auto;
+  animation-play-state: auto;
+  animation-timing-function: auto;
+}
+
+.background {
+  background-clip: space;
+  background-origin: round;
+  background-size: local;
+  border-image: fill;
+  border-image-source: stretch;
+  border-image-slice: clone;
+  border-image-width: slice;
+  border-image-outset: padding-box;
+  border-image-repeat: border-box;
+  border-radius: content-box;
+  border-top-right-radius: auto;
+  border-bottom-right-radius: auto;
+  border-bottom-left-radius: auto;
+  border-top-left-radius: auto;
+  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;
+  overflow-y: move;
+  rotation-point: marquee;
+  display: ruby;
+  display: ruby-base;
+  display: ruby-text;
+  display: ruby-base-group;
+  display: ruby-text-group;
+  display: no-display;
+  display: no-content;
+}
+
+.break-3 {
+  break-after: auto;
+  break-before: auto;
+  break-inside: auto;
+  box-decoration-break: auto;
+}
+
+.cascade-3 {
+  all: initial;
+  display: unset;
+}
+
+@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;
+}
+
+@color-profile swopc {
+  src: url('http://example.org/swop-coated.icc');
+}
+
+.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;
+  display: darken;
+  display: lighten;
+  display: color-dodge;
+  display: color-burn;
+  display: hard-light;
+  display: soft-light;
+  display: difference;
+  display: exclusion;
+  display: hue;
+  display: saturation;
+  display: color;
+  display: luminosity;
+}
+
+@supports (display: auto) or
+  (display: auto) not
+  (display: auto) {
+  .conditional {
+    display: auto;
+  }
+}
+
+.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: 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;
+}
+
+.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 {
+  wrap-flow: minimum;
+  wrap-through: maximum;
+}
+
+.fill-stroke-3 {
+  fill-rule: butt;
+  fill-break: arcs;
+  fill-color: stupid;
+  fill-image: compress;
+  fill-origin: dashes;
+  fill-position: gaps;
+  fill-size: bounding-box;
+  fill-repeat: auto;
+  fill: auto;
+  fill-opacity: auto;
+  stroke-width: auto;
+  stroke-align: auto;
+  stroke-linecap: auto;
+  stroke-linejoin: auto;
+  stroke-miterlimit: auto;
+  stroke-break: auto;
+  stroke-dasharray: auto;
+  stroke-dashoffset: auto;
+  stroke-dash-corner: auto;
+  stroke-dash-justify: auto;
+  stroke-color: auto;
+  stroke-image: auto;
+  stroke-origin: auto;
+  stroke-position: auto;
+  stroke-size: auto;
+  stroke-repeat: auto;
+  stroke: auto;
+  stroke-opacity: auto;
+}
+
+.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;
+  order: row-reverse;
+  flex: column-reverse;
+  flex-grow: wrap;
+  flex-shrink: wrap-reverse;
+}
+
+.font-loading-3 {
+  display: auto;
+}
+
+.fonts-3 {
+  font-feature-settings: common-ligatures;
+  font-kerning: no-common-ligatures;
+  font-language-override: discretionary-ligatures;
+  font-synthesis: no-discretionary-ligatures;
+  font-variant-alternates: historical-ligatures;
+  font-variant-caps: no-historical-ligatures;
+  font-variant-east-asian: contextual;
+  font-variant-ligatures: no-contextual;
+  font-variant-numeric: stylistic(feature-value-name);
+  font-variant-position: 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: all-small-caps;
+  display: petite-caps;
+  display: all-petite-caps;
+  display: unicase;
+  display: titling-caps;
+  display: lining-nums;
+  display: oldstyle-nums;
+  display: proportional-nums;
+  display: tabular-nums;
+  display: diagonal-fractions;
+  display: stacked-fractions;
+  display: ordinal;
+  display: slashed-zero;
+  display: jis78;
+  display: jis83;
+  display: jis90;
+  display: jis04;
+  display: simplified;
+  display: traditional;
+  display: proportional-width;
+}
+
+.fonts-4 {
+  font-optical-sizing: emoji;
+  font-variation-settings: math;
+  display: fangsong;
+  display: system-ui;
+}
+
+.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: fit-content(10%);
+  grid-auto-rows: repeat(4);
+  grid-auto-columns: 0.2fr;
+  grid-auto-flow: dense;
+  grid: auto-flow;
+  grid-row-start: span;
+  grid-column-start: auto;
+  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-3 {
+  object-fit: contain;
+  object-position: cover;
+  image-orientation: snap;
+  display: scale-down;
+  display: from-image;
+  display: linear-gradient(to bottom, yellow, blue);
+  display: radial-gradient(farthest-corner at 50% 50%, yellow, green);
+  display: repeating-linear-gradient(to bottom, yellow, blue);
+  display: repeating-radial-gradient(farthest-corner at 50% 50%, yellow, green);
+}
+
+.images-4 {
+  image-resolution: image("sprite.svg#xywh=40,0,20,20");
+  display: element(#test);
+  display: conic-gradient(at 25% 30%, white, black 60%);
+}
+
+.inline-3 {
+  dominant-baseline: mathematical;
+  alignment-baseline: ideographic;
+  baseline-shift: auto;
+  initial-letter: auto;
+  initial-letter-align: auto;
+  initial-letter-wrap: auto;
+}
+
+.line-grid-1 {
+  line-grid: create;
+  line-snap: block-start;
+  box-snap: block-end;
+  display: first-baseline;
+  display: last-baseline;
+}
+
+.lists-3::marker {
+  display: auto;
+}
+
+.masking-1 {
+  clip-path: fill-box;
+  clip-rule: stroke-box;
+  mask-image: view-box;
+  mask-mode: nonzero;
+  mask-repeat: evenodd;
+  mask-position: alpha;
+  mask-clip: luminance;
+  mask-origin: no-clip;
+  mask-size: add;
+  mask-composite: subtract;
+  mask: intersect;
+  mask-border-source: exclude;
+  mask-border-mode: auto;
+  mask-border-slice: auto;
+  mask-border-width: auto;
+  mask-border-outset: auto;
+  mask-border-repeat: auto;
+  mask-border: auto;
+  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;
+  column-fill: avoid-column;
+  column-gap: auto;
+  column-rule: auto;
+  column-rule-color: auto;
+  column-rule-style: auto;
+  column-rule-width: auto;
+  column-span: auto;
+  column-width: auto;
+}
+
+@namespace "http://example.com/css3-namespace/";
+
+.overflow-3 {
+  max-lines: auto;
+}
+
+.page {
+  display: avoid-page;
+  display: page;
+  display: recto;
+  display: verso;
+}
+
+.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);
+}
+
+.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;
+  display: region;
+  display: avoid-region;
+}
+
+.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-1 {
+  div {
+    display: auto;
+  }
+}
+
+.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;
+}
+
+.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;
+}
+
+.selectors4 | h1,
+.selectors4:scope,
+.selectors4:current,
+.selectors4:past,
+.selectors4:future,
+.selectors4:default,
+.selectors4:valid,
+.selectors4:invalid,
+.selectors4:required,
+.selectors4:optional,
+.selectors4:blank,
+.selectors4:any-link,
+.selectors4:local-link,
+.selectors4:read-only,
+.selectors4:read-write,
+.selectors4:placeholder-shown,
+.selectors4:in-range,
+.selectors4:out-of-range,
+.selectors4:user-error,
+.selectors4:active-drop-target,
+.selectors4:valid-drop-target,
+.selectors4:invalid-drop-target,
+.selectors4:matches(:hover, :focus),
+.selectors4:dir(ltr),
+.selectors4:local-link(0),
+.selectors4:current(p, li, dt, dd),
+.selectors4:nth-match(2n+1),
+.selectors4:nth-last-match(-n+2),
+.selectors4:nth-column(2n+1),
+.selectors4:nth-last-column(-n+2),
+.selectors4:column(p, li, dt, dd) {
+  display: auto;
+}
+
+.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);
+  display: ellipse(0 0 250px 100px);
+  display: polygon(0 0, 100% 100%, 0 100%);
+}
+
+.sizing-3 {
+  display: max-content;
+  display: min-content;
+  display: fit-content;
+}
+
+.speech {
+  voice-volume: 10dB;
+  voice-balance: literal-punctuation;
+  rest-before: no-punctuation;
+  rest-after: x-weak;
+  rest: weak;
+  voice-rate: strong;
+  voice-pitch: x-strong;
+  voice-range: young;
+  voice-stress: old;
+  voice-duration: neutral;
+  display: preserve;
+  display: 10st;
+  display: moderate;
+  display: reduced;
+}
+
+.style-attr {
+  display: auto;
+}
+
+.syntax-3 {
+  display: auto;
+}
+
+.tables-3 {
+  display: auto;
+}
+
+.text-3 {
+  hyphens: manual;
+  line-break: loose;
+  overflow-wrap: strict;
+  tab-size: match-parent;
+  display: hanging;
+  display: each-line;
+  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;
+  text-decoration-skip: triangle;
+  text-decoration-style: sesame;
+  text-emphasis: objects;
+  text-emphasis-color: ink;
+  text-emphasis-position: edges;
+  text-emphasis-style: wavy;
+  display: alphabetic;
+  display: spaces;
+  display: box-decoration;
+  display: under;
+  display: over;
+}
+
+.timing-1 {
+  display: frames(2);
+}
+
+.transforms-1 {
+  backface-visibility: flat;
+  perspective: preserve-3d;
+  perspective-origin: matrix(1);
+  transform: matrix3d(1);
+  transform-origin: translate(1);
+  transform-style: translate3d(1);
+  display: translateX(1);
+  display: translateY(1);
+  display: translateZ(1);
+  display: scale(1);
+  display: scale3d(1);
+  display: scaleX(1);
+  display: scaleY(1);
+  display: scaleZ(1);
+  display: rotate(1);
+  display: rotate3d(1);
+  display: rotateX(1);
+  display: rotateY(1);
+  display: rotateZ(1);
+  display: skew(1);
+  display: skewX(1);
+  display: skewY(1);
+  display: perspective(1);
+}
+
+.transitions {
+  transition: linear;
+  transition-property: ease;
+  transition-duration: ease-in;
+  transition-timing-function: ease-out;
+  transition-delay: ease-in-out;
+  display: step-start;
+  display: step-end;
+  display: steps(1, start);
+  display: cubic-bezier(0.25, 0.1, 0.25, 1.0);
+}
+
+.ui-3 {
+  caret-color: grab;
+  display: grabbing;
+}
+
+.ui-4 {
+  caret: fade;
+  caret-shape: fade(1em);
+  caret-animation: underscore;
+}
+
+.values-3 {
+  display: 1ch;
+  display: 1vw;
+  display: 1vh;
+  display: 1vmin;
+  display: 1q;
+  display: 1turn;
+  display: calc(100%/3 - 2*1em - 2*1px);
+}
+
+.variables-1 {
+  var-foo: var(foo);
+}
+
+@viewport {
+  min-zoom: auto;
+  max-zoom: auto;
+  user-zoom: auto;
+}
+
+.web-animations-1 {
+  display: auto;
+}
+
+.will-change-1 {
+  will-change: scroll-position;
+}
+
+.writing-modes-3 {
+  writing-mode: before;
+  text-orientation: after;
+  text-combine-upright: mixed;
+  glyph-orientation-vertical: upright;
+  display: plaintext;
+  display: sideways;
+  display: sideways-rl;
+  display: sideways-lr;
+  display: isolate;
+  display: isolate-override;
+  display: horizontal-tb;
+  display: vertical-rl;
+  display: vertical-lr;
+}
+
+.html5,
+picture,
+rb,
+rtc,
+slot,
+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: crispEdges;
+  color-rendering: geometricPrecision;
+  cx: optimizeQuality;
+  cy: painted;
+  d: visiblePainted;
+  image-rendering: visibleFill;
+  marker-end: stroke;
+  marker-mid: viewport;
+  marker-start: visibleStroke;
+  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);
+  text-anchor: icc-color(foo);
+  vector-effect: auto;
+  x: auto;
+  y: auto;
+}