Skip to content

Commit 092f7c3

Browse files
hail2uhail2u
committed
Add css-logical-1.vim
See also: http://www.w3.org/TR/2017/WD-css-logical-1-20170518/
1 parent ff05f0f commit 092f7c3

File tree

4 files changed

+115
-0
lines changed

4 files changed

+115
-0
lines changed

‎after/syntax/css/css-logical-1.vim

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
syn match cssFontProp contained "\<\(\(min\|max\)-\)\=\(block\|inline\)-size\>"
2+
syn match cssFontProp contained "\<\(margin\|inset\|padding\)\(-\(block\|inline\)\(-\(start\|end\)\)\=\)\=\>"
3+
syn match cssFontProp contained "\<border-\(block\|inline\)\(\(-\(start\|end\)\)\=\(-\(width\|style\|color\)\)\=\)\=\>"
4+
syn match cssFontProp contained "\<\(background\|border\)-image-transform\>"
5+
syn keyword cssFontAttr contained logical physical rotate

‎after/syntax/html.vim

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,7 @@ syn include @htmlCss syntax/css/css-images-4.vim
2020
syn include @htmlCss syntax/css/css-inline-3.vim
2121
syn include @htmlCss syntax/css/css-line-grid-1.vim
2222
syn include @htmlCss syntax/css/css-lists-3.vim
23+
syn include @htmlCss syntax/css/css-logical-1.vim
2324
syn include @htmlCss syntax/css/css-masking-1.vim
2425
syn include @htmlCss syntax/css/css-overflow-3.vim
2526
syn include @htmlCss syntax/css/css-page-floats-3.vim

‎test/test.css

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -402,6 +402,60 @@
402402
display: auto;
403403
}
404404

405+
.logical-1 {
406+
block-size: logical;
407+
inline-size: physical;
408+
min-block-size: rotate;
409+
min-inline-size: auto;
410+
max-block-size: auto;
411+
max-inline-size: auto;
412+
margin-block-start: auto;
413+
margin-block-end: auto;
414+
margin-inline-start: auto;
415+
margin-inline-end: auto;
416+
margin-block: auto;
417+
margin-inline: auto;
418+
inset-block-start: auto;
419+
inset-block-end: auto;
420+
inset-inline-start: auto;
421+
inset-inline-end: auto;
422+
inset-block: auto;
423+
inset-inline: auto;
424+
inset: auto;
425+
padding-block-start: auto;
426+
padding-block-end: auto;
427+
padding-inline-start: auto;
428+
padding-inline-end: auto;
429+
padding-block: auto;
430+
padding-inline: auto;
431+
border-block-start-width: auto;
432+
border-block-end-width: auto;
433+
border-inline-start-width: auto;
434+
border-inline-end-width: auto;
435+
border-block-width: auto;
436+
border-inline-width: auto;
437+
border-block-start-style: auto;
438+
border-block-end-style: auto;
439+
border-inline-start-style: auto;
440+
border-inline-end-style: auto;
441+
border-block-style: auto;
442+
border-inline-style: auto;
443+
border-block-start-color: auto;
444+
border-block-end-color: auto;
445+
border-inline-start-color: auto;
446+
border-inline-end-color: auto;
447+
border-block-color: auto;
448+
border-inline-color: auto;
449+
border-block-start: auto;
450+
border-block-end: auto;
451+
border-inline-start: auto;
452+
border-inline-end: auto;
453+
border-block: auto;
454+
border-inline: auto;
455+
background-image-transform: auto;
456+
border-image-transform: auto;
457+
}
458+
405459
.masking-1 {
406460
clip-path: fill-box;
407461
clip-rule: stroke-box;

‎test/test.html

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -468,6 +468,61 @@
468468
}
469469
</style>
470470
<style>
471+
.logical-1 {
472+
block-size: logical;
473+
inline-size: physical;
474+
min-block-size: rotate;
475+
min-inline-size: auto;
476+
max-block-size: auto;
477+
max-inline-size: auto;
478+
margin-block-start: auto;
479+
margin-block-end: auto;
480+
margin-inline-start: auto;
481+
margin-inline-end: auto;
482+
margin-block: auto;
483+
margin-inline: auto;
484+
inset-block-start: auto;
485+
inset-block-end: auto;
486+
inset-inline-start: auto;
487+
inset-inline-end: auto;
488+
inset-block: auto;
489+
inset-inline: auto;
490+
inset: auto;
491+
padding-block-start: auto;
492+
padding-block-end: auto;
493+
padding-inline-start: auto;
494+
padding-inline-end: auto;
495+
padding-block: auto;
496+
padding-inline: auto;
497+
border-block-start-width: auto;
498+
border-block-end-width: auto;
499+
border-inline-start-width: auto;
500+
border-inline-end-width: auto;
501+
border-block-width: auto;
502+
border-inline-width: auto;
503+
border-block-start-style: auto;
504+
border-block-end-style: auto;
505+
border-inline-start-style: auto;
506+
border-inline-end-style: auto;
507+
border-block-style: auto;
508+
border-inline-style: auto;
509+
border-block-start-color: auto;
510+
border-block-end-color: auto;
511+
border-inline-start-color: auto;
512+
border-inline-end-color: auto;
513+
border-block-color: auto;
514+
border-inline-color: auto;
515+
border-block-start: auto;
516+
border-block-end: auto;
517+
border-inline-start: auto;
518+
border-inline-end: auto;
519+
border-block: auto;
520+
border-inline: auto;
521+
background-image-transform: auto;
522+
border-image-transform: auto;
523+
}
524+
</style>
525+
<style>
471526
.motion-1 {
472527
motion-path: path(M 100 100 L 300 100 L 200 300 z);
473528
motion-offset: auto;

0 commit comments

Comments
 (0)