VimPlug/vim-css3-syntax
1
0
Fork 0
mirror of https://github.com/hail2u/vim-css3-syntax.git synced 2026-01-29 04:12:09 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add level number to test cases

Browse Source
This commit is contained in:
Kyo Nagashima
2016-10-25 18:54:21 +09:00
parent 0ba71f9643
commit 9c1ff6a905
2 changed files with 139 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files

144
test/test.css
View File

@@ -1,4 +1,4 @@
.align { .align-3 {
justify-self: safe; justify-self: safe;
justify-content: unsafe; justify-content: unsafe;
justify-items: self-start; justify-items: self-start;
@@ -41,7 +41,7 @@
box-shadow: auto; box-shadow: auto;
} }
.background-4 { .backgrounds-4 {
background-position-x: x-start; background-position-x: x-start;
background-position-y: x-end; background-position-y: x-end;
background-position-inline: y-start; background-position-inline: y-start;
@@ -70,7 +70,7 @@
display: no-content; display: no-content;
} }
.break { .break-3 {
break-after: auto; break-after: auto;
break-before: auto; break-before: auto;
break-inside: auto; break-inside: auto;
@@ -117,7 +117,7 @@
} }
} }
.compositing { .compositing-1 {
mix-blend-mode: multiply; mix-blend-mode: multiply;
isolation: screen; isolation: screen;
background-blend-mode: overlay; background-blend-mode: overlay;
@@ -135,7 +135,7 @@
display: luminosity; display: luminosity;
} }
.content { .content-3 {
string-set: open; string-set: open;
bookmark-level: closed; bookmark-level: closed;
bookmark-label: leader('.'); bookmark-label: leader('.');
@@ -145,7 +145,7 @@
display: target-text(attr(href url)); display: target-text(attr(href url));
} }
@counter-style counter-style { @counter-style counter-styles-3 {
system: cyclic; system: cyclic;
negative: symbolic; negative: symbolic;
prefix: additive; prefix: additive;
@@ -158,7 +158,7 @@
speak-as: auto; speak-as: auto;
} }
.counter-style { .counter-styles-3 {
display: arabic-indic; display: arabic-indic;
display: upper-armenian; display: upper-armenian;
display: lower-armenian; display: lower-armenian;
@@ -196,15 +196,15 @@
display: ethiopic-numeric; display: ethiopic-numeric;
} }
.cssom-view { .cssom-1 {
scroll-behavior: smooth;
}
.cssom {
display: auto; display: auto;
} }
.display { .cssom-view-1 {
scroll-behavior: smooth;
}
.display-3 {
box-suppress: flow; box-suppress: flow;
display: flow-root; display: flow-root;
display: contents; display: contents;
@@ -217,7 +217,7 @@
wrap-through: maximum; wrap-through: maximum;
} }
.filter-effects { .filter-effects-1 {
flood-color: sRGB; flood-color: sRGB;
flood-opacity: linearRGB; flood-opacity: linearRGB;
color-interpolation-filters: auto; color-interpolation-filters: auto;
@@ -234,7 +234,7 @@
display: sepia(60%); display: sepia(60%);
} }
.flexbox { .flexbox-1 {
flex-direction: flex; flex-direction: flex;
flex-wrap: inline-flex; flex-wrap: inline-flex;
flex-flow: row; flex-flow: row;
@@ -248,7 +248,7 @@
display: auto; display: auto;
} }
.fonts { .fonts-3 {
font-feature-settings: common-ligatures; font-feature-settings: common-ligatures;
font-kerning: no-common-ligatures; font-kerning: no-common-ligatures;
font-language-override: discretionary-ligatures; font-language-override: discretionary-ligatures;
@@ -286,19 +286,19 @@
display: proportional-width; display: proportional-width;
} }
.gcpm::footnote-call, .gcpm-3::footnote-call,
.gcpm::footnote-marker { .gcpm-3::footnote-marker {
running: running(heading); running: footnote;
footnote-display: element(header); footnote-display: line;
footnote-policy: footnote; footnote-policy: element(header);
display: line; display: running(heading);
} }
.geometry-1 { .geometry-1 {
display: auto; display: auto;
} }
.grid { .grid-1 {
grid-template-columns: grid; grid-template-columns: grid;
grid-template-rows: inline-grid; grid-template-rows: inline-grid;
grid-template-areas: minmax(0, 1); grid-template-areas: minmax(0, 1);
@@ -307,7 +307,7 @@
grid-auto-columns: 0.2fr; grid-auto-columns: 0.2fr;
grid-auto-flow: dense; grid-auto-flow: dense;
grid: auto-flow; grid: auto-flow;
grid-row-start: auto-flow; grid-row-start: subgrid;
grid-column-start: span; grid-column-start: span;
grid-row-end: auto; grid-row-end: auto;
grid-column-end: auto; grid-column-end: auto;
@@ -332,7 +332,7 @@
display: repeating-radial-gradient(farthest-corner at 50% 50%, yellow, green); display: repeating-radial-gradient(farthest-corner at 50% 50%, yellow, green);
} }
.inline { .inline-3 {
dominant-baseline: mathematical; dominant-baseline: mathematical;
alignment-baseline: ideographic; alignment-baseline: ideographic;
baseline-shift: auto; baseline-shift: auto;
@@ -341,7 +341,7 @@
initial-letter-wrap: auto; initial-letter-wrap: auto;
} }
.line-grid { .line-grid-1 {
line-grid: create; line-grid: create;
line-snap: block-start; line-snap: block-start;
box-snap: block-end; box-snap: block-end;
@@ -349,13 +349,11 @@
display: last-baseline; display: last-baseline;
} }
.lists::marker { .lists-3::marker {
marker-side: marker; display: auto;
counter-set: list-container;
display: counters(list-item, '.');
} }
.masking { .masking-1 {
clip-path: fill-box; clip-path: fill-box;
clip-rule: stroke-box; clip-rule: stroke-box;
mask-image: view-box; mask-image: view-box;
@@ -397,7 +395,7 @@
column-width: auto; column-width: auto;
} }
.overflow { .overflow-3 {
max-lines: auto; max-lines: auto;
} }
@@ -421,20 +419,20 @@
display: paint(my_logo); display: paint(my_logo);
} }
.positioning { .position-3 {
offset-before: sticky; offset-before: sticky;
offset-end: auto; offset-end: auto;
offset-after: auto; offset-after: auto;
offset-start: auto; offset-start: auto;
} }
.pseudo::inactive-selection, .pseudo-4::inactive-selection,
.pseudo::spelling-error, .pseudo-4::spelling-error,
.pseudo::grammer-error { .pseudo-4::grammer-error {
display: auto; display: auto;
} }
.regions:region { .regions-1:region {
flow-into: element; flow-into: element;
flow-from: content; flow-from: content;
region-fragment: break; region-fragment: break;
@@ -451,29 +449,29 @@
} }
} }
.ruby { .ruby-1 {
ruby-position: ruby-base-container; ruby-position: ruby-base-container;
ruby-merge: ruby-text-container; ruby-merge: ruby-text-container;
ruby-align: inter-character; ruby-align: inter-character;
} }
@scope .scoping { @scope .scoping-1 {
div { div {
display: auto; display: auto;
} }
} }
.scoping:scope-context div, .scoping-1:scope-context div,
.scoping:host, .scoping-1:host,
.scping:host(.foo), .scoping-1:host(.foo),
.scoping:host-context, .scoping-1:host-context,
.scoping::shadow, .scoping-1::shadow,
.scoping::content, .scoping-1::content,
.scoping /deep/ span { .scoping-1 /deep/ span {
display: auto; display: auto;
} }
.scroll-snap { .scroll-snap-1 {
scroll-snap-type: x; scroll-snap-type: x;
scroll-padding: y; scroll-padding: y;
scroll-snap-margin: mandatory; scroll-snap-margin: mandatory;
@@ -501,23 +499,23 @@
scroll-snap-margin-inline: auto; scroll-snap-margin-inline: auto;
} }
.selectors3:target, .selectors:target,
.selectors3:enabled, .selectors:enabled,
.selectors3:disabled, .selectors:disabled,
.selectors3:checked, .selectors:checked,
.selectors3:indeterminate, .selectors:indeterminate,
.selectors3:root, .selectors:root,
.selectors3:empty, .selectors:empty,
.selectors3:last-child, .selectors:last-child,
.selectors3:last-of-type, .selectors:last-of-type,
.selectors3:first-of-type, .selectors:first-of-type,
.selectors3:only-child, .selectors:only-child,
.selectors3:only-of-type, .selectors:only-of-type,
.selectors3:nth-child(2n+1), .selectors:nth-child(2n+1),
.selectors3:nth-last-child(-n+2), .selectors:nth-last-child(-n+2),
.selectors3:nth-of-type(2n+1), .selectors:nth-of-type(2n+1),
.selectors3:nth-last-of-type(n+2), .selectors:nth-last-of-type(n+2),
.selectors3:not([DISABLED]) { .selectors:not([DISABLED]) {
display: auto; display: auto;
} }
@@ -559,7 +557,7 @@
display: auto; display: auto;
} }
.shapes { .shapes-1 {
shape-outside: margin-box; shape-outside: margin-box;
shape-image-threshold: inset(50% 50% 50% 50%); shape-image-threshold: inset(50% 50% 50% 50%);
shape-margin: circle(100px 50px 100px); shape-margin: circle(100px 50px 100px);
@@ -567,7 +565,7 @@
display: polygon(0 0, 100% 100%, 0 100%); display: polygon(0 0, 100% 100%, 0 100%);
} }
.sizing { .sizing-3 {
display: max-content; display: max-content;
display: min-content; display: min-content;
display: fit-content; display: fit-content;
@@ -590,7 +588,7 @@
display: reduced; display: reduced;
} }
.syntax { .syntax-3 {
display: auto; display: auto;
} }
@@ -645,7 +643,7 @@
display: over; display: over;
} }
.transforms { .transforms-1 {
backface-visibility: flat; backface-visibility: flat;
perspective: preserve-3d; perspective: preserve-3d;
perspective-origin: matrix(1); perspective-origin: matrix(1);
@@ -694,7 +692,7 @@
caret-animation: underscore; caret-animation: underscore;
} }
.values { .values-3 {
display: 1ch; display: 1ch;
display: 1vw; display: 1vw;
display: 1vh; display: 1vh;
@@ -704,7 +702,7 @@
display: calc(100%/3 - 2*1em - 2*1px); display: calc(100%/3 - 2*1em - 2*1px);
} }
.variables { .variables-1 {
var-foo: var(foo); var-foo: var(foo);
} }
@@ -714,15 +712,15 @@
user-zoom: auto; user-zoom: auto;
} }
.web-animations { .web-animations-1 {
display: auto; display: auto;
} }
.will-change { .will-change-1 {
will-change: scroll-position; will-change: scroll-position;
} }
.writing-modes { .writing-modes-3 {
writing-mode: before; writing-mode: before;
text-orientation: after; text-orientation: after;
text-combine-upright: mixed; text-combine-upright: mixed;

138
test/test.html
View File

@@ -8,7 +8,7 @@
<link rel="stylesheet" href="http://hail2u.net/styles/natural.min.css"> <link rel="stylesheet" href="http://hail2u.net/styles/natural.min.css">
<style> <style>
.align { .align-3 {
justify-self: safe; justify-self: safe;
justify-content: unsafe; justify-content: unsafe;
justify-items: self-start; justify-items: self-start;
@@ -54,7 +54,7 @@
} }
</style> </style>
<style> <style>
.background-4 { .backgrounds-4 {
background-position-x: x-start; background-position-x: x-start;
background-position-y: x-end; background-position-y: x-end;
background-position-inline: y-start; background-position-inline: y-start;
@@ -85,7 +85,7 @@
} }
</style> </style>
<style> <style>
.break { .break-3 {
break-after: auto; break-after: auto;
break-before: auto; break-before: auto;
break-inside: auto; break-inside: auto;
@@ -138,7 +138,7 @@
} }
</style> </style>
<style> <style>
.compositing { .compositing-1 {
mix-blend-mode: multiply; mix-blend-mode: multiply;
isolation: screen; isolation: screen;
background-blend-mode: overlay; background-blend-mode: overlay;
@@ -157,7 +157,7 @@
} }
</style> </style>
<style> <style>
.content { .content-3 {
string-set: open; string-set: open;
bookmark-level: closed; bookmark-level: closed;
bookmark-label: leader('.'); bookmark-label: leader('.');
@@ -168,7 +168,7 @@
} }
</style> </style>
<style> <style>
@counter-style counter-style { @counter-style counter-styles-3 {
system: cyclic; system: cyclic;
negative: symbolic; negative: symbolic;
prefix: additive; prefix: additive;
@@ -180,9 +180,8 @@
additive-symbols: auto; additive-symbols: auto;
speak-as: auto; speak-as: auto;
} }
</style>
<style> .counter-styles-3 {
.counter-style {
display: arabic-indic; display: arabic-indic;
display: upper-armenian; display: upper-armenian;
display: lower-armenian; display: lower-armenian;
@@ -221,17 +220,17 @@
} }
</style> </style>
<style> <style>
.cssom-view { .cssom-1 {
scroll-behavior: smooth;
}
</style>
<style>
.cssom {
display: auto; display: auto;
} }
</style> </style>
<style> <style>
.display { .cssom-view-1 {
scroll-behavior: smooth;
}
</style>
<style>
.display-3 {
box-suppress: flow; box-suppress: flow;
display: flow-root; display: flow-root;
display: contents; display: contents;
@@ -246,7 +245,7 @@
} }
</style> </style>
<style> <style>
.filter-effects { .filter-effects-1 {
flood-color: sRGB; flood-color: sRGB;
flood-opacity: linearRGB; flood-opacity: linearRGB;
color-interpolation-filters: auto; color-interpolation-filters: auto;
@@ -264,7 +263,7 @@
} }
</style> </style>
<style> <style>
.flexbox { .flexbox-1 {
flex-direction: flex; flex-direction: flex;
flex-wrap: inline-flex; flex-wrap: inline-flex;
flex-flow: row; flex-flow: row;
@@ -280,7 +279,7 @@
} }
</style> </style>
<style> <style>
.fonts { .fonts-3 {
font-feature-settings: common-ligatures; font-feature-settings: common-ligatures;
font-kerning: no-common-ligatures; font-kerning: no-common-ligatures;
font-language-override: discretionary-ligatures; font-language-override: discretionary-ligatures;
@@ -319,8 +318,8 @@
} }
</style> </style>
<style> <style>
.gcpm::footnote-call, .gcpm-3::footnote-call,
.gcpm::footnote-marker { .gcpm-3::footnote-marker {
running: footnote; running: footnote;
footnote-display: line; footnote-display: line;
footnote-policy: element(header); footnote-policy: element(header);
@@ -333,7 +332,7 @@
} }
</style> </style>
<style> <style>
.grid { .grid-1 {
grid-template-columns: grid; grid-template-columns: grid;
grid-template-rows: inline-grid; grid-template-rows: inline-grid;
grid-template-areas: minmax(0, 1); grid-template-areas: minmax(0, 1);
@@ -369,7 +368,7 @@
} }
</style> </style>
<style> <style>
.inline { .inline-3 {
dominant-baseline: mathematical; dominant-baseline: mathematical;
alignment-baseline: ideographic; alignment-baseline: ideographic;
baseline-shift: auto; baseline-shift: auto;
@@ -379,7 +378,7 @@
} }
</style> </style>
<style> <style>
.line-grid { .line-grid-1 {
line-grid: create; line-grid: create;
line-snap: block-start; line-snap: block-start;
box-snap: block-end; box-snap: block-end;
@@ -388,12 +387,12 @@
} }
</style> </style>
<style> <style>
.lists::marker { .lists-3::marker {
display: auto; display: auto;
} }
</style> </style>
<style> <style>
.masking { .masking-1 {
clip-path: fill-box; clip-path: fill-box;
clip-rule: stroke-box; clip-rule: stroke-box;
mask-image: view-box; mask-image: view-box;
@@ -438,7 +437,7 @@
} }
</style> </style>
<style> <style>
.overflow { .overflow-3 {
max-lines: auto; max-lines: auto;
} }
</style> </style>
@@ -466,7 +465,7 @@
} }
</style> </style>
<style> <style>
.positioning { .position-3 {
offset-before: sticky; offset-before: sticky;
offset-end: auto; offset-end: auto;
offset-after: auto; offset-after: auto;
@@ -474,14 +473,14 @@
} }
</style> </style>
<style> <style>
.pseudo::inactive-selection, .pseudo-4::inactive-selection,
.pseudo::spelling-error, .pseudo-4::spelling-error,
.pseudo::grammer-error { .pseudo-4::grammer-error {
display: auto; display: auto;
} }
</style> </style>
<style> <style>
.regions:region { .regions-1:region {
flow-into: element; flow-into: element;
flow-from: content; flow-from: content;
region-fragment: break; region-fragment: break;
@@ -500,32 +499,31 @@
} }
</style> </style>
<style> <style>
.ruby { .ruby-1 {
ruby-position: ruby-base-container; ruby-position: ruby-base-container;
ruby-merge: ruby-text-container; ruby-merge: ruby-text-container;
ruby-align: inter-character; ruby-align: inter-character;
} }
</style> </style>
<style> <style>
@scope .scoping { @scope .scoping-1 {
div { div {
display: auto; display: auto;
} }
} }
</style>
<style> .scoping-1:scope-context div,
.scoping:scope-context div, .scoping-1:host,
.scoping:host, .scoping-1:host(.foo),
.scping:host(.foo), .scoping-1:host-context,
.scoping:host-context, .scoping-1::shadow,
.scoping::shadow, .scoping-1::content,
.scoping::content, .scoping-1 /deep/ span {
.scoping /deep/ span {
display: auto; display: auto;
} }
</style> </style>
<style> <style>
.scroll-snap { .scroll-snap-1 {
scroll-snap-type: x; scroll-snap-type: x;
scroll-padding: y; scroll-padding: y;
scroll-snap-margin: mandatory; scroll-snap-margin: mandatory;
@@ -554,23 +552,23 @@
} }
</style> </style>
<style> <style>
.selectors3:target, .selectors:target,
.selectors3:enabled, .selectors:enabled,
.selectors3:disabled, .selectors:disabled,
.selectors3:checked, .selectors:checked,
.selectors3:indeterminate, .selectors:indeterminate,
.selectors3:root, .selectors:root,
.selectors3:empty, .selectors:empty,
.selectors3:last-child, .selectors:last-child,
.selectors3:last-of-type, .selectors:last-of-type,
.selectors3:first-of-type, .selectors:first-of-type,
.selectors3:only-child, .selectors:only-child,
.selectors3:only-of-type, .selectors:only-of-type,
.selectors3:nth-child(2n+1), .selectors:nth-child(2n+1),
.selectors3:nth-last-child(-n+2), .selectors:nth-last-child(-n+2),
.selectors3:nth-of-type(2n+1), .selectors:nth-of-type(2n+1),
.selectors3:nth-last-of-type(n+2), .selectors:nth-last-of-type(n+2),
.selectors3:not([DISABLED]) { .selectors:not([DISABLED]) {
display: auto; display: auto;
} }
</style> </style>
@@ -615,7 +613,7 @@
} }
</style> </style>
<style> <style>
.shapes { .shapes-1 {
shape-outside: margin-box; shape-outside: margin-box;
shape-image-threshold: inset(50% 50% 50% 50%); shape-image-threshold: inset(50% 50% 50% 50%);
shape-margin: circle(100px 50px 100px); shape-margin: circle(100px 50px 100px);
@@ -624,7 +622,7 @@
} }
</style> </style>
<style> <style>
.sizing { .sizing-3 {
display: max-content; display: max-content;
display: min-content; display: min-content;
display: fit-content; display: fit-content;
@@ -649,7 +647,7 @@
} }
</style> </style>
<style> <style>
.syntax { .syntax-3 {
display: auto; display: auto;
} }
</style> </style>
@@ -708,7 +706,7 @@
} }
</style> </style>
<style> <style>
.transforms { .transforms-1 {
backface-visibility: flat; backface-visibility: flat;
perspective: preserve-3d; perspective: preserve-3d;
perspective-origin: matrix(1); perspective-origin: matrix(1);
@@ -761,7 +759,7 @@
} }
</style> </style>
<style> <style>
.values { .values-3 {
display: 1ch; display: 1ch;
display: 1vw; display: 1vw;
display: 1vh; display: 1vh;
@@ -772,7 +770,7 @@
} }
</style> </style>
<style> <style>
.variables { .variables-1 {
var-foo: var(foo); var-foo: var(foo);
} }
</style> </style>
@@ -784,17 +782,17 @@
} }
</style> </style>
<style> <style>
.web-animations { .web-animations-1 {
display: auto; display: auto;
} }
</style> </style>
<style> <style>
.will-change { .will-change-1 {
will-change: scroll-position; will-change: scroll-position;
} }
</style> </style>
<style> <style>
.writing-modes { .writing-modes-3 {
writing-mode: before; writing-mode: before;
text-orientation: after; text-orientation: after;
text-combine-upright: mixed; text-combine-upright: mixed;