VimPlug/vim-css3-syntax
1
0
Fork 0
mirror of https://github.com/hail2u/vim-css3-syntax.git synced 2026-02-03 22:52:41 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add css-rhythm-1.vim

Browse Source 
See also: http://www.w3.org/TR/2017/WD-css-rhythm-1-20170302/
This commit is contained in:
Kyo Nagashima
2017-03-04 09:32:01 +09:00
parent ecc663217d
commit 09dadbddbc
4 changed files with 23 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
after/syntax/css/css-rhythm-1.vim Normal file
View File

@@ -0,0 +1,3 @@
syn match cssFontProp contained "\<line-height-step\>"
syn match cssFontProp contained "\<block-step\(-\(size\|insert\|align\|round\)\)\=\>"
syn keyword cssFontAttr contained margin up down nearest

1
after/syntax/html.vim
View File

@@ -27,6 +27,7 @@ syn include @htmlCss syntax/css/css-position-3.vim
syn include @htmlCss syntax/css/css-properties-values-api-1.vim syn include @htmlCss syntax/css/css-properties-values-api-1.vim
syn include @htmlCss syntax/css/css-pseudo-4.vim syn include @htmlCss syntax/css/css-pseudo-4.vim
syn include @htmlCss syntax/css/css-regions-1.vim syn include @htmlCss syntax/css/css-regions-1.vim
syn include @htmlCss syntax/css/css-rhythm-1.vim
syn include @htmlCss syntax/css/css-round-display-1.vim syn include @htmlCss syntax/css/css-round-display-1.vim
syn include @htmlCss syntax/css/css-ruby-1.vim syn include @htmlCss syntax/css/css-ruby-1.vim
syn include @htmlCss syntax/css/css-scoping-1.vim syn include @htmlCss syntax/css/css-scoping-1.vim

9
test/test.css
View File

@@ -461,6 +461,15 @@
display: avoid-region; display: avoid-region;
} }
.rhythm-1 {
line-height-step: margin;
block-step-size: up;
block-step-insert: down;
block-step-align: nearest;
block-step-round: auto;
block-step: auto;
}
@media (device-radius: 50%) { @media (device-radius: 50%) {
.round-display-1 { .round-display-1 {
shape-inside: outside-shape; shape-inside: outside-shape;

10
test/test.html
View File

@@ -514,6 +514,16 @@
} }
</style> </style>
<style> <style>
.rhythm-1 {
line-height-step: margin;
block-step-size: up;
block-step-insert: down;
block-step-align: nearest;
block-step-round: auto;
block-step: auto;
}
</style>
<style>
@media (device-radius: 50%) { @media (device-radius: 50%) {
.round-display-1 { .round-display-1 {
shape-inside: outside-shape; shape-inside: outside-shape;