From 70488eec5612941e3ef12ce9922d129d8d436d41 Mon Sep 17 00:00:00 2001
From: Kyo Nagashima <hail2u@gmail.com>
Date: Sun, 3 Jan 2016 20:07:08 +0900
Subject: [PATCH] Add filter-effects.vim

See also: http://www.w3.org/TR/filter-effects/
---
 after/syntax/css/filter-effects.vim | 4 ++++
 after/syntax/html.vim               | 2 ++
 test/test.css                       | 7 +++++++
 test/test.html                      | 8 ++++++++
 4 files changed, 21 insertions(+)
 create mode 100644 after/syntax/css/filter-effects.vim

diff --git a/after/syntax/css/filter-effects.vim b/after/syntax/css/filter-effects.vim
new file mode 100644
index 0000000..c62ec30
--- /dev/null
+++ b/after/syntax/css/filter-effects.vim
@@ -0,0 +1,4 @@
+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
diff --git a/after/syntax/html.vim b/after/syntax/html.vim
index 3236f34..f9f53a0 100644
--- a/after/syntax/html.vim
+++ b/after/syntax/html.vim
@@ -5,6 +5,7 @@ syn include @htmlCss syntax/css/css-cascade-4.vim
 syn include @htmlCss syntax/css/css-counter-styles-3.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-gcpm-3.vim
 syn include @htmlCss syntax/css/css-grid-1.vim
 syn include @htmlCss syntax/css/css-inline-3.vim
@@ -48,6 +49,7 @@ syn include @htmlCss syntax/css/css3-speech.vim
 syn include @htmlCss syntax/css/css3-transforms.vim
 syn include @htmlCss syntax/css/css3-transitions.vim
 syn include @htmlCss syntax/css/cssom-view.vim
+syn include @htmlCss syntax/css/filter-effects.vim
 syn include @htmlCss syntax/css/html5-elements.vim
 syn include @htmlCss syntax/css/motion-1.vim
 syn include @htmlCss syntax/css/selectors-nonelement-1.vim
diff --git a/test/test.css b/test/test.css
index b6e465f..9ac24d2 100644
--- a/test/test.css
+++ b/test/test.css
@@ -179,6 +179,13 @@
   wrap-through: maximum;
 }
 
+.filter-effects {
+  flood-color: sRGB;
+  flood-opacity: linearRGB;
+  color-interpolation-filters: auto;
+  lighting-color: auto;
+}
+
 .flexbox {
   flex-direction: flex;
   flex-wrap: inline-flex;
diff --git a/test/test.html b/test/test.html
index 5286da2..4bd6be4 100644
--- a/test/test.html
+++ b/test/test.html
@@ -205,6 +205,14 @@
 }
 </style>
 <style>
+.filter-effects {
+  flood-color: sRGB;
+  flood-opacity: linearRGB;
+  color-interpolation-filters: auto;
+  lighting-color: auto;
+}
+</style>
+<style>
 .flexbox {
   flex-direction: flex;
   flex-wrap: inline-flex;