VimPlug/vim-css3-syntax
1
0
Fork 0
mirror of https://github.com/hail2u/vim-css3-syntax.git synced 2025-12-06 10:44:23 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update color-4.vim and color-5.vim

Browse Source 
https://www.w3.org/TR/2022/CRD-css-color-4-20221101/
This commit is contained in:
Kyo Nagashima
2022-11-03 07:32:28 +09:00
parent 803765eb47
commit 5dc940911d
3 changed files with 17 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
after/syntax/css/color-4.vim
View File

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

5
after/syntax/css/color-5.vim
View File

@@ -1 +1,4 @@
syn region cssFunction contained matchgroup=cssFunctionName start="\<color-mix\s*(" end=")" contains=cssCustomProp,cssFunction,cssColor,cssFunctionComma oneline
syn keyword cssFontProp contained components
syn keyword cssFontAttr contained relative-colorimetric absolute-colorimetric perceptual
syn region cssFunction contained matchgroup=cssFunctionName start="\<color-mix\|device-cmyk\s*(" end=")" contains=cssCustomProp,cssFunction,cssColor,cssFunctionComma oneline
syn match cssFontDescriptor "@color-profile\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl

19
test/test.css
View File

@@ -83,21 +83,24 @@
display: hwb(120deg, 44%, 50%);
display: lab(1 2 3);
display: lch(4 5 6);
display: oklab(1 2 3);
display: oklch(4 5 6);
display: color(swopc, 0 206 190 77);
display: device-cmyk(0, 81%, 81%, 30%);
display: relative-colorimetric;
display: absolute-colorimetric;
display: perceptual;
display: accentcolor;
display: accentcolortext;
}
@color-profile swopc {
src: url("http://example.org/swop-coated.icc");
.color-5 {
display: device-cmyk(0, 81%, 81%, 30%);
display: color-mix(red yellow 65%);
}
.color-5 {
display: color-mix(red yellow 65%);
@color-profile swopc {
src: url("http://example.org/swop-coated.icc");
components: auto;
display: relative-colorimetric;
display: absolute-colorimetric;
display: perceptual;
}
.color-adjust-1 {