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

Follow WD-css-shapes-1-20131203

Browse Source
This commit is contained in:
Kyo Nagashima
2013-12-04 01:50:05 +09:00
parent b538c66e76
commit 11b62a3f2a
5 changed files with 14 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
after/syntax/css/css-shapes-1.vim Normal file
View File

@@ -0,0 +1,5 @@
if !hlexists('cssShapesProp')
syn match cssFontProp contained "\<shape-\(outside\|image-threshold\|margin\)\>"
syn match cssFontAttr contained "\<margin-box\>"
syn region cssFunction contained matchgroup=cssFunctionName start="\<\(inset\|circle\|ellipse\|polygon\)\s*(" end=")" oneline keepend
endif

3
after/syntax/css/css-shapes.vim
View File

@@ -1,3 +0,0 @@
" TODO: create cssShapesProp group
syn match cssFontProp contained "\<shape-\(image-threshold\|inside\|outside\)\>"
syn region cssFunction contained matchgroup=cssFunctionName start="\<\(\(inset-\)\=rectangle\|circle\|ellipse\|polygon\)\s*(" end=")" oneline keepend

2
after/syntax/html.vim
View File

@@ -35,7 +35,7 @@ syn include @htmlCss syntax/css/css3-ui.vim
syn include @htmlCss syntax/css/css3-values.vim
syn include @htmlCss syntax/css/css-masking-1.vim
syn include @htmlCss syntax/css/css-overflow-3.vim
syn include @htmlCss syntax/css/css-shapes.vim
syn include @htmlCss syntax/css/css-shapes-1.vim
syn include @htmlCss syntax/css/css-text-3.vim
syn include @htmlCss syntax/css/css-text-decor-3.vim
syn include @htmlCss syntax/css/css-variables.vim

8
test/test.css
View File

@@ -363,11 +363,11 @@
}
.shapes {
shape-image-threshold: rectangle(1px 1px 1198px 398px);
shape-inside: inset-rectangle(400px 100px 400px 200px);
shape-outside: circle(600px 200px 100px);
shape-outside: margin-box;
shape-image-threshold: inset(50% 50% 50% 50%);
shape-margin: circle(100px 50px 100px);
display: ellipse(0 0 250px 100px);
display: polygon(350px,75px 379px,161px 469px,161px 397px,215px 423px,301px 350px,250px 277px,301px 303px,215px 231px,161px 321px,161px);
display: polygon(0 0, 100% 100%, 0 100%);
}
.sizing {

8
test/test.html
View File

@@ -373,11 +373,11 @@
}
.shapes {
shape-image-threshold: rectangle(1px 1px 1198px 398px);
shape-inside: inset-rectangle(400px 100px 400px 200px);
shape-outside: circle(600px 200px 100px);
shape-outside: margin-box;
shape-image-threshold: inset(50% 50% 50% 50%);
shape-margin: circle(100px 50px 100px);
display: ellipse(0 0 250px 100px);
display: polygon(350px,75px 379px,161px 469px,161px 397px,215px 423px,301px 350px,250px 277px,301px 303px,215px 231px,161px 321px,161px);
display: polygon(0 0, 100% 100%, 0 100%);
}
.sizing {