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-logical-1.vim

Browse Source 
See also: http://www.w3.org/TR/2017/WD-css-logical-1-20170518/
This commit is contained in:
Kyo Nagashima
2017-05-19 02:25:52 +09:00
parent ff05f0f5eb
commit 092f7c3c67
4 changed files with 115 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -0,0 +1,5 @@
syn match cssFontProp contained "\<\(\(min\|max\)-\)\=\(block\|inline\)-size\>"
syn match cssFontProp contained "\<\(margin\|inset\|padding\)\(-\(block\|inline\)\(-\(start\|end\)\)\=\)\=\>"
syn match cssFontProp contained "\<border-\(block\|inline\)\(\(-\(start\|end\)\)\=\(-\(width\|style\|color\)\)\=\)\=\>"
syn match cssFontProp contained "\<\(background\|border\)-image-transform\>"
syn keyword cssFontAttr contained logical physical rotate

1
after/syntax/html.vim
View File

@@ -20,6 +20,7 @@ syn include @htmlCss syntax/css/css-images-4.vim
syn include @htmlCss syntax/css/css-inline-3.vim
syn include @htmlCss syntax/css/css-line-grid-1.vim
syn include @htmlCss syntax/css/css-lists-3.vim
syn include @htmlCss syntax/css/css-logical-1.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-page-floats-3.vim

54
test/test.css
View File

@@ -402,6 +402,60 @@
display: auto;
}
.logical-1 {
block-size: logical;
inline-size: physical;
min-block-size: rotate;
min-inline-size: auto;
max-block-size: auto;
max-inline-size: auto;
margin-block-start: auto;
margin-block-end: auto;
margin-inline-start: auto;
margin-inline-end: auto;
margin-block: auto;
margin-inline: auto;
inset-block-start: auto;
inset-block-end: auto;
inset-inline-start: auto;
inset-inline-end: auto;
inset-block: auto;
inset-inline: auto;
inset: auto;
padding-block-start: auto;
padding-block-end: auto;
padding-inline-start: auto;
padding-inline-end: auto;
padding-block: auto;
padding-inline: auto;
border-block-start-width: auto;
border-block-end-width: auto;
border-inline-start-width: auto;
border-inline-end-width: auto;
border-block-width: auto;
border-inline-width: auto;
border-block-start-style: auto;
border-block-end-style: auto;
border-inline-start-style: auto;
border-inline-end-style: auto;
border-block-style: auto;
border-inline-style: auto;
border-block-start-color: auto;
border-block-end-color: auto;
border-inline-start-color: auto;
border-inline-end-color: auto;
border-block-color: auto;
border-inline-color: auto;
border-block-start: auto;
border-block-end: auto;
border-inline-start: auto;
border-inline-end: auto;
border-block: auto;
border-inline: auto;
background-image-transform: auto;
border-image-transform: auto;
}
.masking-1 {
clip-path: fill-box;
clip-rule: stroke-box;

55
test/test.html
View File

@@ -468,6 +468,61 @@
}
</style>
<style>
.logical-1 {
block-size: logical;
inline-size: physical;
min-block-size: rotate;
min-inline-size: auto;
max-block-size: auto;
max-inline-size: auto;
margin-block-start: auto;
margin-block-end: auto;
margin-inline-start: auto;
margin-inline-end: auto;
margin-block: auto;
margin-inline: auto;
inset-block-start: auto;
inset-block-end: auto;
inset-inline-start: auto;
inset-inline-end: auto;
inset-block: auto;
inset-inline: auto;
inset: auto;
padding-block-start: auto;
padding-block-end: auto;
padding-inline-start: auto;
padding-inline-end: auto;
padding-block: auto;
padding-inline: auto;
border-block-start-width: auto;
border-block-end-width: auto;
border-inline-start-width: auto;
border-inline-end-width: auto;
border-block-width: auto;
border-inline-width: auto;
border-block-start-style: auto;
border-block-end-style: auto;
border-inline-start-style: auto;
border-inline-end-style: auto;
border-block-style: auto;
border-inline-style: auto;
border-block-start-color: auto;
border-block-end-color: auto;
border-inline-start-color: auto;
border-inline-end-color: auto;
border-block-color: auto;
border-inline-color: auto;
border-block-start: auto;
border-block-end: auto;
border-inline-start: auto;
border-inline-end: auto;
border-block: auto;
border-inline: auto;
background-image-transform: auto;
border-image-transform: auto;
}
</style>
<style>
.motion-1 {
motion-path: path(M 100 100 L 300 100 L 200 300 z);
motion-offset: auto;