Add css-masking.vim and test

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

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

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;