From a0326d8c869850cc6693e4cf7431a7a84d19c4be Mon Sep 17 00:00:00 2001
From: Kyo Nagashima <kyo@hail2u.net>
Date: Fri, 21 Jun 2013 16:13:21 +0900
Subject: [PATCH] Add css-masking.vim and test

---
 README.md                        |  2 ++
 after/syntax/css/css-masking.vim |  8 ++++++++
 test/test.css                    | 20 ++++++++++++++++++++
 3 files changed, 30 insertions(+)
 create mode 100644 after/syntax/css/css-masking.vim

diff --git a/README.md b/README.md
index 84f4c29..321899d 100644
--- a/README.md
+++ b/README.md
@@ -40,9 +40,11 @@ HISTORY
 
 ### v0.8 (in progress)
 
+  * Add CSS Masking Level 1 features
   * Add CSS Shapes Module Level 1 features
   * Follow spec updates
   * Add missing properties
+  * Some minor bug fixes
 
 
 ### v0.7
diff --git a/after/syntax/css/css-masking.vim b/after/syntax/css/css-masking.vim
new file mode 100644
index 0000000..a10ef37
--- /dev/null
+++ b/after/syntax/css/css-masking.vim
@@ -0,0 +1,8 @@
+" TODO: create cssMaskingProp group and cssMaskingValue group
+syn match cssFontProp contained "\<mask\(-\(image\|source-type\|repeat\|position\|clip\|origin\|size\|type\)\)\=\>"
+syn match cssFontProp contained "\<mask-box-image\(-\(source\|slice\|width\|outset\|repeat\)\)\=\>"
+syn match cssFontProp contained "\<clip-\(path\|rule\)\>"
+syn keyword cssFontAttr contained evenodd luminance alpha
+
+" http://www.w3.org/TR/css-masking/#MaskElement
+" syn keyword cssTagName mask
diff --git a/test/test.css b/test/test.css
index dc568b7..2174a48 100644
--- a/test/test.css
+++ b/test/test.css
@@ -296,6 +296,26 @@
   display: marquee-block;
 }
 
+.masking {
+  mask-image: evenodd;
+  mask-source-type: luminance;
+  mask-repeat: alpha;
+  mask-position: auto;
+  mask-clip: auto;
+  mask-origin: auto;
+  mask-size: auto;
+  mask: auto;
+  mask-type: auto;
+  mask-box-image-source: auto;
+  mask-box-image-slice: auto;
+  mask-box-image-width: auto;
+  mask-box-image-outset: auto;
+  mask-box-image-repeat: auto;
+  mask-box-image: auto;
+  clip-path: auto;
+  clip-rule: auto;
+}
+
 @media screen and (min-width: 999px) {
   .mediaqueries {
     display: auto;