diff --git a/README.md b/README.md index ae827ff..62680ef 100644 --- a/README.md +++ b/README.md @@ -50,6 +50,7 @@ HISTORY ### v0.9 (in progress) + * Add Compositing and Blending Level 1 features * Add CSS Fonts Module Level 3 features * Split CSS Counter Styles Level 3 features from `css3-lists.vim` * Follow spec updates diff --git a/after/syntax/css/compositing-1.vim b/after/syntax/css/compositing-1.vim new file mode 100644 index 0000000..b0c80e2 --- /dev/null +++ b/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 diff --git a/after/syntax/html.vim b/after/syntax/html.vim index a9e374f..1a52638 100644 --- a/after/syntax/html.vim +++ b/after/syntax/html.vim @@ -1,4 +1,5 @@ syn include @htmlCss syntax/css/html5-elements.vim +syn include @htmlCss syntax/css/compositing-1.vim syn include @htmlCss syntax/css/css3-align.vim syn include @htmlCss syntax/css/css3-animations.vim syn include @htmlCss syntax/css/css3-background.vim diff --git a/test/test.css b/test/test.css index 36e16eb..8b49280 100644 --- a/test/test.css +++ b/test/test.css @@ -71,6 +71,24 @@ 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 { move-to: inhibit; page-policy: here;