Add gaps-1.vim

https://www.w3.org/TR/2025/WD-css-gaps-1-20250417/
2.7.0
2026-05-11 09:08:49 +08:00 · 2025-04-19 09:07:43 +09:00 · 2025-04-10 06:32:15 +09:00 · 2025-03-27 08:11:25 +09:00 · 2025-02-11 07:34:59 +09:00 · 2025-01-05 08:03:07 +09:00
185 changed files with 1506 additions and 1686 deletions
@@ -1,50 +1,48 @@
 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`
+
+
+COMPATIBILITY
+-------------
+
+This syntax files are compatible with the default runtime files that come with
+**Vim 9.0 or higher**. If you still use Vim 8.x or lower, you must:
+
+  - Copy [latest CSS syntax file][2] to your `~/.vim/` directory (recommended)
+  - Update runtime files
+  - Use [older version][3]
+  - Switch to [`vim80` branch][4]


 INSTALLATION
 ------------

-I **strongly** recommend to install this plugin on *Vim 7.4 or higher with
-default runtime files*.
+
+### 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


-### Manual Installation
-
-Download from GitHub, extract `vim-css3-syntax.tar.gz`, and copy the contents to
-your `~/.vim` directory.
-
-
-### 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
-your `~/.vim/after/css.vim`:
-
-    setlocal iskeyword+=-
-
-Or in your `~/.vimrc`:
-
-    augroup VimCSS3Syntax
-      autocmd!
-
-      autocmd FileType css setlocal iskeyword+=-
-    augroup END
-
-This setting have side effects. So, use it at your own risk.
-
-
 ### Vendor Prefixes

 I do not plan to support CSS3 properties (or functions) with vendor prefixes,
@@ -54,9 +52,9 @@ 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
-file supports this). If you want to highlight prefixed properties or functions
-manually, `: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-]\+/
@@ -65,36 +63,26 @@ These commands highlight vendor prefixed properties and functions instantly with
 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
-supported.
-
-
 ### Media Queries

 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].
+want to highlight Media Queries correctly, you must update Vim to 8.0+.


 AUTHOR
 ------

-Kyo Nagashima <hail2u@gmail.com> (https://kyonagashima.com/)
+Kyo Nagashima <hail2u@gmail.com> (https://hail2u.net/)


 LICENSE
 -------

-MIT: http://hail2u.mit-license.org/2011
+MIT


 [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
+[2]: https://github.com/vim/vim/blob/master/runtime/syntax/css.vim
+[3]: https://github.com/hail2u/vim-css3-syntax/releases/tag/v1.10.2
+[4]: https://github.com/hail2u/vim-css3-syntax/tree/vim80
@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained place-self place-content place-items row-gap
+syn keyword cssFontAttr contained safe unsafe legacy self-start self-end
@@ -0,0 +1,4 @@
+syn keyword cssFontProp contained anchor-name anchor-scope position-area position-anchor position-try position-try-fallbacks position-try-order position-visibility
+syn keyword cssFontAttr contained span-left span-right span-x-start span-x-end x-self-start x-self-end span-x-self-start span-x-self-end span-all span-top span-bottom span-y-start span-y-end y-self-start y-self-end span-y-self-start span-y-self-end block-start block-end span-block-start span-block-end self-block-start self-block-end span-self-block-start span-self-block-end inline-start inline-end span-inline-start span-inline-end self-inline-start self-inline-end span-self-inline-start span-self-inline-end span-start span-end self-start self-end span-self-start span-self-end anchor-center most-width most-height most-block-size most-inline-size flip-block flip-inline flip-start
+syn region cssFunction contained matchgroup=cssFunctionName start="\<anchor\(-size\)\=\s*(" end=")" oneline keepend
+syn match cssFontDescriptor "@position-try\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl
@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained animation-composition animation-timeline
+syn keyword cssFontAttr contained replace accumulate
@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained background-position-x background-position-y background-position-inline background-position-block corners corner-shape border-limit border-clip border-clip-top border-clip-right border-clip-bottom border-clip-left
+syn keyword cssFontAttr contained x-start x-end y-start y-end bevel scoop notch
@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained margin-trim
+syn keyword cssFontAttr contained in-flow
@@ -0,0 +1 @@
+syn keyword cssFontAttr contained recto verso
@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained margin-break
+syn keyword cssFontAttr contained keep
@@ -1,2 +1,2 @@
-syn keyword cssCommonAttr contained revert
+syn keyword cssFontAttr contained revert
 syn region cssURL contained matchgroup=cssFunctionName start="\<supports\s*(" end=")" oneline keepend
@@ -0,0 +1 @@
+syn keyword cssFontAttr contained revert-layer
@@ -0,0 +1,2 @@
+syn keyword cssFontAttr contained accentcolor accentcolortext
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(hwb\|lab\|lch\|oklab\|oklch\|color\=\)\s*(" end=")" oneline keepend
@@ -0,0 +1,4 @@
+syn keyword cssFontProp contained components
+syn keyword cssFontAttr contained relative-colorimetric absolute-colorimetric perceptual
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(color-mix\|device-cmyk\|light-dark\|contrast-color\)\>\s*(" end=")" contains=cssCustomProp,cssFunction,cssColor,cssFunctionComma oneline
+syn match cssFontDescriptor "@color-profile\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl
@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained forced-color-adjust print-color-adjust color-adjust color-scheme
+syn keyword cssFontAttr contained economy exact
@@ -0,0 +1,3 @@
+syn keyword cssFontProp contained dynamic-range-limit
+syn keyword cssFontAttr contained standard constrained-high
+syn region cssFunction contained matchgroup=cssFunctionName start="\<dynamic-range-limit-mix\s*(" end=")" oneline keepend
@@ -1,4 +1,2 @@
-" TODO: create cssCompositingProp and cssCompositingAttr
-syn keyword cssFontProp contained isolation
-syn match cssFontProp contained "\<\(mix\|background\)-blend-mode\>"
+syn keyword cssFontProp contained isolation mix-blend-mode background-blend-mode
 syn keyword cssFontAttr contained multiply screen overlay darken lighten color-dodge color-burn hard-light soft-light difference exclusion hue saturation color luminosity
@@ -0,0 +1,3 @@
+syn keyword cssFontProp contained container-type container-name container
+syn keyword cssFontAttr contained inline-size
+syn match cssFontDescriptor "@\(when\|else\)\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl
@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained contain
+syn keyword cssFontAttr contained layout paint size
@@ -0,0 +1 @@
+syn keyword cssFontProp content-visibility
@@ -0,0 +1,3 @@
+syn keyword cssFontProp contained string-set bookmark-label bookmark-level bookmark-state
+syn keyword cssFontAttr contained open closed
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(leader\|string\|target-\(counter\|counters\|text\)\)\s*(" end=")" oneline keepend
@@ -0,0 +1,4 @@
+syn keyword cssFontProp contained system negative prefix suffix range pad fallback additive-symbols symbols speak-as
+syn keyword cssFontAttr contained cyclic symbolic additive extends bullets numbers words bengali cambodian khmer devanagari gujarati gurmukhi kannada lao malayalam mongolian myanmar oriya persian tamil telugu thai tibetan ethiopic-numeric numeric arabic-indic upper-armenian lower-armenian cjk-decimal cjk-earthly-branch cjk-heavenly-stem disclosure-open disclosure-closed japanese-formal korean-hanja-formal simp-chinese-formal trad-chinese-formal japanese-informal korean-hanja-informal simp-chinese-informal trad-chinese-informal korean-hangul-formal
+syn region cssFunction contained matchgroup=cssFunctionName start="\<symbols\s*(" end=")" oneline keepend
+syn match cssFontDescriptor "@counter-style\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl
@@ -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 unsafe
-syn match cssFontAttr contained "\<\(self\|flex\)-\(start\|end\)\>"
-syn match cssFontAttr contained "\<space-\(between\|around\|evenly\)\>"
@@ -1,7 +0,0 @@
-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\)\>"
@@ -1,2 +0,0 @@
-syn match cssFontProp contained "\<break-\(after\|before\|inside\)\>"
-syn match cssFontProp contained "\<box-decoration-break\>"
@@ -1,2 +0,0 @@
-syn keyword cssFontProp all
-syn keyword cssCommonAttr contained initial unset
@@ -1,4 +0,0 @@
-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
@@ -1,14 +0,0 @@
-" 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
@@ -1,2 +0,0 @@
-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
@@ -1,5 +0,0 @@
-" TODO: create cssDisplayProp group and cssDisplayAttr group
-syn match cssFontProp contained "\<box-suppress\>"
-syn keyword cssFontAttr contained contents discard
-syn match cssFontAttr contained "\<flow\(-root\)\=\>"
-syn match cssFontAttr contained "\<inline-list-item\>"
@@ -1,5 +0,0 @@
-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\>"
@@ -1 +0,0 @@
-" N/A
@@ -1,5 +0,0 @@
-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\)\>"
@@ -1,10 +0,0 @@
-syn match cssFontProp contained "\<grid-template\(-\(columns\|rows\|areas\)\)\=\>"
-syn match cssFontProp contained "\<grid-auto-\(columns\|rows\|flow\|position\)\>"
-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 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\|fit-content\|repeat\)\s*(" end=")" oneline keepend
@@ -1,4 +0,0 @@
-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
@@ -1,6 +0,0 @@
-" 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\>"
@@ -1,6 +0,0 @@
-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
@@ -1,10 +0,0 @@
-" 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
@@ -1 +0,0 @@
-syn match cssFontProp contained "\<max-lines\>"
@@ -1,4 +0,0 @@
-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
@@ -1,2 +0,0 @@
-syn match cssFontProp contained "\<offset-\(before\|end\|after\|start\)\>"
-syn keyword cssFontAttr contained sticky
@@ -1,2 +0,0 @@
-syn match cssPseudoClassId contained "\<inactive-selection\>"
-syn match cssPseudoClassId contained "\<\(spelling\|grammer\)-error\>"
@@ -1,7 +0,0 @@
-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/
@@ -1,4 +0,0 @@
-" 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\>"
@@ -1,5 +0,0 @@
-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/"
@@ -1,4 +0,0 @@
-" 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
@@ -1 +0,0 @@
-syn match cssFontAttr contained "\<\(\(min\|max\|fit\)-content\)\>"
@@ -1,2 +0,0 @@
-syn match cssFontProp contained "\<scroll-snap-\(type\|padding\|margin\|align\)\=\>"
-syn keyword cssFontAttr contained mandatory proximity
@@ -1,8 +0,0 @@
-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\>"
@@ -1,14 +0,0 @@
-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\)\>"
@@ -1,3 +0,0 @@
-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\>"
@@ -1,2 +0,0 @@
-syn match cssUIProp contained "\<caret-color\>"
-syn keyword cssUIAttr contained grab grabbing
@@ -1,3 +0,0 @@
-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
@@ -1,3 +0,0 @@
-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\|toggle\)\s*(" end=")" oneline keepend
@@ -1,3 +0,0 @@
-" 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
@@ -1,3 +0,0 @@
-" TODO: create cssWillChangeProp group and cssWillChangeAttr group
-syn match cssFontProp contained "\<will-change\>"
-syn match cssFontAttr contained "\<scroll-position\>"
@@ -1,8 +0,0 @@
-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\)\>"
@@ -1,4 +0,0 @@
-" TODO: create cssAnimationsProp group and cssAnimationsAttr group
-syn match cssFontProp contained "\<animation\(-\(name\|duration\|timing-function\|iteration-count\|direction\|play-state\|delay\|fill-mode\)\)\=\>"
-syn keyword cssFontAttr contained forwards backwards running paused
-syn match cssFontAttr contained "\<alternate-reverse\>"
@@ -1,7 +0,0 @@
-" TODO: create cssBackgroundProp group and cssBackgroundAttr group
-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-shadow\>"
-syn keyword cssFontAttr contained space round local fill stretch clone slice
-syn match cssFontAttr contained "\<\(padding\|border\|content\)-box\>"
@@ -1,5 +0,0 @@
-syn match cssBoxProp contained "\<overflow-\(style\|x\|y\)\>"
-syn match cssBoxProp contained "\<rotation\(-point\)\=\>"
-syn keyword cssBoxAttr contained scrollbar panner marquee
-syn match cssBoxAttr contained "\<ruby\(-\(base\(-group\)\=\|text\(-group\)\=\)\)\=\>"
-syn match cssBoxAttr contained "\<no-\(display\|content\)\>"
@@ -1,3 +0,0 @@
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(rgba\|hsla\=\)\s*(" end=")" oneline keepend
-syn keyword cssColorProp contained opacity
-syn match cssColor contained "\<currentColor\>"
@@ -1 +0,0 @@
-syn region cssInclude start=/@supports\>/ end=/\ze{/ skipwhite skipnl contains=css.*Prop,css.*Attr,cssValueInteger,cssValueLength,cssMediaKeyword,cssVendor,cssIncludeKeyword,cssComment nextgroup=cssMediaBlock
@@ -1,3 +0,0 @@
-" TODO: create cssExclusionsProp group and cssExclusionsAttr group
-syn match cssFontProp contained "\<wrap-\(flow\|through\)\>"
-syn keyword cssFontAttr contained minimum maximum
@@ -1,17 +0,0 @@
-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
@@ -1,7 +0,0 @@
-" TODO: create cssImagesProp group and cssImagesAttr group
-syn match cssFontProp contained "\<object-\(fit\|position\)\>"
-syn match cssFontProp contained "\<image-\(resolution\|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\|\(repeating-\)\=\(linear\|radial\)-gradient\)\s*(" end=")" oneline keepend
@@ -1,5 +0,0 @@
-" 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 balance
-syn match cssFontAttr contained "\<\(avoid-\)\=column\>"
@@ -1,3 +0,0 @@
-" TODO: Create cssPageAttr group
-syn keyword cssFontAttr contained recto verso
-syn match cssFontAttr contained "\<\(avoid-\)\=page\>"
@@ -1,6 +0,0 @@
-" 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
@@ -1,5 +0,0 @@
-syn keyword cssPseudoClassId contained target enabled disabled checked indeterminate root empty
-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
@@ -1,6 +0,0 @@
-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\)"
@@ -1 +0,0 @@
-" N/A
@@ -1,7 +0,0 @@
-" TODO: create cssTransformsProp group and cssTransformsAttr group
-syn match cssFontProp contained "\<backface-visibility\>"
-syn match cssFontProp contained "\<perspective\(-origin\)\=\>"
-syn match cssFontProp contained "\<transform\(-\(origin\|style\)\)\=\>"
-syn keyword cssFontAttr contained flat
-syn match cssFontAttr contained "\<preserve-3d\>"
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(matrix\(3d\)\=\|translate\(3d\|X\|Y\|Z\)\=\|scale\(3d\|X\|Y\|Z\)\=\|rotate\(3d\|X\|Y\|Z\)\=\|skew\(X\|Y\)\=\|perspective\)\s*(" end=")" oneline keepend
@@ -1,6 +0,0 @@
-" TODO: create cssTransitionsProp group and cssTransitionsAttr group
-syn match cssFontProp contained "\<transition\(-\(property\|duration\|timing-function\|delay\)\)\=\>"
-syn keyword cssFontAttr contained linear
-syn match cssFontAttr contained "\<ease\(-\(in\|out\|in-out\)\)\=\>"
-syn match cssFontAttr contained "\<step-\(start\|end\)\>"
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(steps\|cubic-bezier\)\s*(" end=")" oneline keepend
@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained scroll-behavior
+syn keyword cssFontAttr contained smooth
@@ -1,2 +0,0 @@
-syn match cssFontProp contained "\<scroll-behavior\>"
-syn keyword cssFontAttr contained smooth
@@ -1 +0,0 @@
-" N/A
@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained min-zoom max-zoom user-zoom
+syn match cssFontDescriptor "@viewport\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl
@@ -0,0 +1 @@
+syn keyword cssFontAttr contained contents run-in
@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained reading-flow
+syn keyword cssFontAttr contained flex-visual flex-flow grid-rows grid-columns
@@ -0,0 +1 @@
+syn region cssFunction contained matchgroup=cssFunctionName start="\<linear\s*(" end=")" oneline contains=cssValueInteger,cssValueNumber,cssValueLength,cssFunctionComma
@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained wrap-flow wrap-through
+syn keyword cssFontAttr contained minimum maximum
@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained fill stroke fill-break fill-color fill-image fill-origin fill-position fill-size fill-repeat fill-opacity stroke-break stroke-color stroke-image stroke-origin stroke-position stroke-size stroke-repeat stroke-opacity fill-rule stroke-width stroke-align stroke-linecap stroke-linejoin stroke-miterlimit stroke-dasharray stroke-dashoffset stroke-dash-corner stroke-dash-justify
+syn keyword cssFontAttr contained butt arcs stupid compress dashes gaps bounding-box
@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained flood-color flood-opacity color-interpolation-filters lighting-color
+syn keyword cssFontAttr sRGB linearRGB
@@ -1,5 +0,0 @@
-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
@@ -0,0 +1 @@
+syn keyword cssFontAttr contained unicase jis78 jis83 jis90 jis04 simplified traditional ordinal no-common-ligatures no-discretionary-ligatures no-historical-ligatures common-ligatures discretionary-ligatures historical-ligatures no-contextual contextual all-small-caps all-petite-caps petite-caps titling-caps lining-nums oldstyle-nums proportional-nums tabular-nums diagonal-fractions stacked-fractions proportional-width slashed-zero
@@ -0,0 +1,5 @@
+syn keyword cssFontProp contained font-synthesis font-synthesis-weight font-synthesis-style font-synthesis-small-caps font-synthesis-position font-named-instance font-display ascent-override descent-override line-gap-override font-optical-sizing font-variation-settings font-palette font-variant-emoji font-presentation base-palette override-color
+syn keyword cssFontAttr contained emoji math fangsong swap fallback light dark contained system-ui contained ui-sans-serif ui-serif ui-monospace ui-rounded contained xxx-large contained historical-forms
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(stylistic\|styleset\|character-variant\|swash\|ornaments\|annotation\)\s*(" end=")" oneline keepend
+syn match cssFontDescriptor "@font-feature-values\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl
+syn match cssFontDescriptor "@font-palette-values\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl
@@ -0,0 +1,5 @@
+syn keyword cssFontProp contained slider-orientation
+syn keyword cssFontAttr contained base left-to-right right-to-left top-to-bottom bottom-to-top
+syn keyword cssPseudoClassId contained picker-icon file-selector-button checkmark thumb track fill field-text clear-icon placeholder step-control step-up step-down field-component field-separator color-swatch low-value high-value optimal-value
+syn region cssPseudoClassFn contained matchgroup=cssFunctionName start="\<picker(" end=")" contains=cssStringQ,cssStringQQ
+syn region cssFunction contained matchgroup=cssFunctionName start="\<control-value\s*(" end=")" oneline keepend
@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained column-rule-break row-rule-break rule-break column-rule-outset row-rule-outset rule-outset rule-paint-order row-rule-color row-rule-style row-rule-width row-rule rule-color rule-style rule-width rule
+syn keyword cssFontAttr contained spanning-item intersection row-over-column column-over-row
--- a/Show More
+++ b/Show More
				`@@ -0,0 +1 @@`
				`syn keyword cssFontAttr contained recto verso`
				`@@ -0,0 +1 @@`
				`syn keyword cssFontAttr contained revert-layer`
				`@@ -1 +0,0 @@`
				`syn match cssFontProp contained "\<max-lines\>"`
				`@@ -1 +0,0 @@`
				`syn match cssFontAttr contained "\<\(\(min\\|max\\|fit\)-content\)\>"`
				`@@ -1 +0,0 @@`
				`syn region cssInclude start=/@supports\>/ end=/\ze{/ skipwhite skipnl contains=css.Prop,css.Attr,cssValueInteger,cssValueLength,cssMediaKeyword,cssVendor,cssIncludeKeyword,cssComment nextgroup=cssMediaBlock`
				`@@ -0,0 +1 @@`
				`syn keyword cssFontAttr contained contents run-in`
				`@@ -0,0 +1 @@`
				`syn region cssFunction contained matchgroup=cssFunctionName start="\<linear\s*(" end=")" oneline contains=cssValueInteger,cssValueNumber,cssValueLength,cssFunctionComma`
				`@@ -0,0 +1 @@`
				`syn keyword cssFontAttr contained unicase jis78 jis83 jis90 jis04 simplified traditional ordinal no-common-ligatures no-discretionary-ligatures no-historical-ligatures common-ligatures discretionary-ligatures historical-ligatures no-contextual contextual all-small-caps all-petite-caps petite-caps titling-caps lining-nums oldstyle-nums proportional-nums tabular-nums diagonal-fractions stacked-fractions proportional-width slashed-zero`