Add css-rhythm-1.vim

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

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

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-pseudo-4.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-ruby-1.vim
syn include @htmlCss syntax/css/css-scoping-1.vim

View File

@@ -461,6 +461,15 @@
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%) {
.round-display-1 {
shape-inside: outside-shape;

View File

@@ -514,6 +514,16 @@
}
</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%) {
.round-display-1 {
shape-inside: outside-shape;