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

Add css-backgrounds-4.vim

Browse Source 
See also: http://www.w3.org/TR/css-backgrounds-4/
This commit is contained in:
Kyo Nagashima
2016-01-03 20:23:27 +09:00
parent 79216af1aa
commit f6a6226db4
4 changed files with 39 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
after/syntax/css/css-backgrounds-4.vim Normal file
View File

@@ -0,0 +1,7 @@
syn keyword cssFontProp contained corners
syn match cssFontProp contained "\<background-position-\(x\|y\|inline\|block\)\>"
syn match cssFontProp contained "\<corner-shape\>"
syn match cssFontProp contained "\<border-limit\>"
syn match cssFontProp contained "\<border-clip\(-\(top\|right\|bottom\|left\)\)\=\>"
syn keyword cssFontAttr contained bevel scoop notch
syn match cssFontAttr contained "\<\(x\|y\)-\(start\|end\)\>"

1
after/syntax/html.vim
View File

@@ -1,5 +1,6 @@
syn include @htmlCss syntax/css/compositing-1.vim
syn include @htmlCss syntax/css/css-align-3.vim
syn include @htmlCss syntax/css/css-backgrounds-4.vim
syn include @htmlCss syntax/css/css-cascade-3.vim
syn include @htmlCss syntax/css/css-cascade-4.vim
syn include @htmlCss syntax/css/css-counter-styles-3.vim

15
test/test.css
View File

@@ -40,6 +40,21 @@
box-shadow: auto;
}
.background-4 {
background-position-x: x-start;
background-position-y: x-end;
background-position-inline: y-start;
background-position-block: y-end;
corner-shape: bevel;
corners: scoop;
border-limit: notch;
border-clip: auto;
border-clip-top: auto;
border-clip-right: auto;
border-clip-bottom: auto;
border-clip-left: auto;
}
.box {
overflow-style: scrollbar;
overflow-x: panner;

16
test/test.html
View File

@@ -53,6 +53,22 @@
}
</style>
<style>
.background-4 {
background-position-x: x-start;
background-position-y: x-end;
background-position-inline: y-start;
background-position-block: y-end;
corner-shape: bevel;
corners: scoop;
border-limit: notch;
border-clip: auto;
border-clip-top: auto;
border-clip-right: auto;
border-clip-bottom: auto;
border-clip-left: auto;
}
</style>
<style>
.box {
overflow-style: scrollbar;
overflow-x: panner;