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

Follow WD-css-masking-1-20140522

Browse Source 
See also: http://www.w3.org/TR/2014/WD-css-masking-1-20140522/
This commit is contained in:
Kyo Nagashima
2014-05-23 10:17:04 +09:00
parent a37b31b9a7
commit 324bec05c5
3 changed files with 41 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
after/syntax/css/css-masking-1.vim
View File

@@ -1,9 +1,10 @@
" TODO: create cssMaskingProp group and cssMaskingValue group " 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 match cssFontProp contained "\<clip-\(path\|rule\)\>"
syn keyword cssFontAttr contained alpha luminance nonzero evenodd syn match cssFontProp contained "\<mask\(-\(image\|mode\|repeat\|position\|clip\|origin\|size\|composite\|type\)\)\=\>"
syn match cssFontProp contained "\<mask-border\(-\(source\|mode\|slice\|width\|outset\|repeat\)\)\=\>"
syn keyword cssFontAttr contained nonzero evenodd alpha luminance add subtract intersect exclude
syn match cssFontAttr contained "\<\(fill\|stroke\|view\)-box\>"
syn match cssFontAttr contained "\<no-clip\>" syn match cssFontAttr contained "\<no-clip\>"
" http://www.w3.org/TR/css-masking/#MaskElement " http://www.w3.org/TR/css-masking/#MaskElement
" syn keyword cssTagName mask syn keyword cssTagName mask

34
test/test.css
View File

@@ -277,23 +277,25 @@
} }
.masking { .masking {
mask-image: alpha; clip-path: fill-box;
mask-source-type: luminance; clip-rule: stroke-box;
mask-repeat: no-clip; mask-image: view-box;
mask-position: nonzero; mask-mode: nonzero;
mask-clip: evenodd; mask-repeat: evenodd;
mask-origin: auto; mask-position: alpha;
mask-size: auto; mask-clip: luminance;
mask: auto; mask-origin: no-clip;
mask-size: add;
mask-composite: subtract;
mask: intersect;
mask-border-source: exclude;
mask-border-mode: auto;
mask-border-slice: auto;
mask-border-width: auto;
mask-border-outset: auto;
mask-border-repeat: auto;
mask-border: auto;
mask-type: 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) { @media screen and (min-width: 999px) {

34
test/test.html
View File

@@ -286,23 +286,25 @@
} }
.masking { .masking {
mask-image: alpha; clip-path: fill-box;
mask-source-type: luminance; clip-rule: stroke-box;
mask-repeat: no-clip; mask-image: view-box;
mask-position: nonzero; mask-mode: nonzero;
mask-clip: evenodd; mask-repeat: evenodd;
mask-origin: auto; mask-position: alpha;
mask-size: auto; mask-clip: luminance;
mask: auto; mask-origin: no-clip;
mask-size: add;
mask-composite: subtract;
mask: intersect;
mask-border-source: exclude;
mask-border-mode: auto;
mask-border-slice: auto;
mask-border-width: auto;
mask-border-outset: auto;
mask-border-repeat: auto;
mask-border: auto;
mask-type: 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) { @media screen and (min-width: 999px) {