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

add Compositing and Blending Level 1 features

Browse Source
This commit is contained in:
Kyo Nagashima
2013-10-26 16:54:56 +09:00
parent 9d1fdb9856
commit d667cf6766
4 changed files with 24 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
README.md
View File

@@ -50,6 +50,7 @@ HISTORY
### v0.9 (in progress) ### v0.9 (in progress)
* Add Compositing and Blending Level 1 features
* Add CSS Fonts Module Level 3 features * Add CSS Fonts Module Level 3 features
* Split CSS Counter Styles Level 3 features from `css3-lists.vim` * Split CSS Counter Styles Level 3 features from `css3-lists.vim`
* Follow spec updates * Follow spec updates

4
after/syntax/css/compositing-1.vim Normal file
View File

@@ -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

1
after/syntax/html.vim
View File

@@ -1,4 +1,5 @@
syn include @htmlCss syntax/css/html5-elements.vim syn include @htmlCss syntax/css/html5-elements.vim
syn include @htmlCss syntax/css/compositing-1.vim
syn include @htmlCss syntax/css/css3-align.vim syn include @htmlCss syntax/css/css3-align.vim
syn include @htmlCss syntax/css/css3-animations.vim syn include @htmlCss syntax/css/css3-animations.vim
syn include @htmlCss syntax/css/css3-background.vim syn include @htmlCss syntax/css/css3-background.vim

18
test/test.css
View File

@@ -71,6 +71,24 @@
display: currentColor; display: currentColor;
} }
.compositing {
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;
}
.content { .content {
move-to: inhibit; move-to: inhibit;
page-policy: here; page-policy: here;