vim-css3-syntax/test/test.css

.align {
  justify-self: safe;
  justify-content: true;
  justify-items: self-start;
  align-self: self-end;
  align-content: flex-start;
  align-items: flex-end;
  display: space-around;
  display: space-between;
  display: space-evenly;
}

.animations {
  animation: forwards;
  animation-delay: backwards;
  animation-direction: running;
  animation-duration: paused;
  animation-fill-mode: alternate-reverse;
  animation-iteration-count: auto;
  animation-name: auto;
  animation-play-state: auto;
  animation-timing-function: auto;
}

.background {
  background-clip: space;
  background-origin: round;
  background-size: local;
  border-image: fill;
  border-image-source: stretch;
  border-image-slice: clone;
  border-image-width: slice;
  border-image-outset: padding-box;
  border-image-repeat: border-box;
  border-radius: content-box;
  border-top-right-radius: auto;
  border-bottom-right-radius: auto;
  border-bottom-left-radius: auto;
  border-top-left-radius: auto;
  box-shadow: auto;
}

.background-4 {
  background-position-x: x-start;
  background-position-y: x-end;
  background-position-inline: y-start;
  background-position-block: y-end;
  corner-shape: bevel;
  corners: scoop;
  border-limit: notch;
  border-clip: auto;
  border-clip-top: auto;
  border-clip-right: auto;
  border-clip-bottom: auto;
  border-clip-left: auto;
}

.box {
  overflow-style: scrollbar;
  overflow-x: panner;
  overflow-y: move;
  rotation-point: marquee;
  display: ruby;
  display: ruby-base;
  display: ruby-text;
  display: ruby-base-group;
  display: ruby-text-group;
  display: no-display;
  display: no-content;
}

.break {
  break-after: auto;
  break-before: auto;
  break-inside: auto;
  box-decoration-break: auto;
}

.cascade-3 {
  all: initial;
  display: unset;
}

@import "test.css" supports(display: auto);
.cascade-4 {
  display: revert;
}

.colors {
  opacity: rgba(0, 0, 0, 1);
  display: hsla(0, 0, 0, 1);
  display: currentColor;
}

@supports (display: auto) or
  (display: auto) not
  (display: auto) {
  .conditional {
    display: auto;
  }
}

.compositing {
  mix-blend-mode: multiply;
  isolation: screen;
  background-blend-mode: overlay;
  display: darken;
  display: lighten;
  display: color-dodge;
  display: color-burn;
  display: hard-light;
  display: soft-light;
  display: difference;
  display: exclusion;
  display: hue;
  display: saturation;
  display: color;
  display: luminosity;
}

.content {
  move-to: inhibit;
  page-policy: here;
  display: first;
  display: last;
}

@counter-style counter-style {
  system: cyclic;
  negative: symbolic;
  prefix: additive;
  suffix: extends;
  range: bullets;
  pad: numbers;
  fallback: words;
  symbols: symbols("*" "\2020" "\2021" "\A7");
  additive-symbols: auto;
  speak-as: auto;
}

.counter-style {
  display: arabic-indic;
  display: upper-armenian;
  display: lower-armenian;
  display: bengali;
  display: cambodian;
  display: khmer;
  display: cjk-decimal;
  display: devanagari;
  display: gujarati;
  display: gurmukhi;
  display: kannada;
  display: lao;
  display: malayalam;
  display: mongolian;
  display: myanmar;
  display: oriya;
  display: persian;
  display: tamil;
  display: telugu;
  display: thai;
  display: tibetan;
  display: cjk-earthly-branch;
  display: cjk-heavenly-stem;
  display: disclosure-closed;
  display: disclosure-open;
  display: japanese-informal;
  display: japanese-formal;
  display: korean-hangul-formal;
  display: korean-hanja-informal;
  display: korean-hanja-formal;
  display: simp-chinese-informal;
  display: simp-chinese-formal;
  display: trad-chinese-informal;
  display: trad-chinese-formal;
  display: ethiopic-numeric;
}

.cssom-view {
  scroll-behavior: smooth;
}

.cssom {
  display: auto;
}

.display {
  box-suppress: flow;
  display: flow-root;
  display: contents;
  display: inline-list-item;
  display: discard;
}

.exclusions {
  wrap-flow: minimum;
  wrap-through: maximum;
}

.filter-effects {
  flood-color: sRGB;
  flood-opacity: linearRGB;
  color-interpolation-filters: auto;
  lighting-color: auto;
  display: blur(5px);
  display: brightness(0.4);
  display: contrast(200%);
  display: drop-shadow(16px 16px 20px blue);
  display: grayscale(50%);
  display: hue-rotate(90deg);
  display: invert(75%);
  display: opacity(25%);
  display: saturate(30%);
  display: sepia(60%);
}

.flexbox {
  flex-direction: flex;
  flex-wrap: inline-flex;
  flex-flow: row;
  order: row-reverse;
  flex: column-reverse;
  flex-grow: wrap;
  flex-shrink: wrap-reverse;
  flex-basis: main-size;
}

.font-loading-3 {
  display: auto;
}

.fonts {
  font-feature-settings: common-ligatures;
  font-kerning: no-common-ligatures;
  font-language-override: discretionary-ligatures;
  font-synthesis: no-discretionary-ligatures;
  font-variant-alternates: historical-ligatures;
  font-variant-caps: no-historical-ligatures;
  font-variant-east-asian: contextual;
  font-variant-ligatures: no-contextual;
  font-variant-numeric: stylistic(feature-value-name);
  font-variant-position: historical-forms;
  display: styleset(feature-value-name #);
  display: character-variant(feature-vlue-name #);
  display: swash(feature-value-name);
  display: ornaments(feature-value-name);
  display: annotation(feature-value-name);
  display: all-small-caps;
  display: petite-caps;
  display: all-petite-caps;
  display: unicase;
  display: titling-caps;
  display: lining-nums;
  display: oldstyle-nums;
  display: proportional-nums;
  display: tabular-nums;
  display: diagonal-fractions;
  display: stacked-fractions;
  display: ordinal;
  display: slashed-zero;
  display: jis78;
  display: jis83;
  display: jis90;
  display: jis04;
  display: simplified;
  display: traditional;
  display: proportional-width;
}

.gcpm::footnote-call,
.gcpm::footnote-marker {
  string-set: string(heading, first);
  running: running(heading);
  footnote-display: element(header);
  footnote-policy: footnote;
  bookmark-label: line;
  bookmark-level: leader('.');
  bookmark-state: target-counter(attr(href url), page);
  display: target-counters(lack-of-example);
  display: target-text(attr(href url));
  display: open;
  display: closed;
}

.geometry-1 {
  display: auto;
}

.grid {
  grid-template-columns: grid;
  grid-template-rows: inline-grid;
  grid-template-areas: minmax(0, 1);
  grid-template: repeat(4);
  grid-auto-columns: 0.2fr;
  grid-auto-rows: subgrid;
  grid-auto-flow: dense;
  grid-auto-position: span;
  grid: auto;
  grid-row-start: auto;
  grid-column-start: auto;
  grid-row-end: auto;
  grid-column-end: auto;
  grid-column: auto;
  grid-row: auto;
  grid-area: auto;
  grid-column-gap: auto;
  grid-row-gap: auto;
  grid-gap: auto;
}

.images {
  object-fit: contain;
  object-position: cover;
  image-resolution: snap;
  image-orientation: scale-down;
  display: from-image;
  display: image("sprite.svg#xywh=40,0,20,20");
  display: linear-gradient(to bottom, yellow, blue);
  display: radial-gradient(farthest-corner at 50% 50%, yellow, green);
  display: repeating-linear-gradient(to bottom, yellow, blue);
  display: repeating-radial-gradient(farthest-corner at 50% 50%, yellow, green);
}

.inline {
  dominant-baseline: mathematical;
  alignment-baseline: ideographic;
  baseline-shift: auto;
  initial-letter: auto;
  initial-letter-align: auto;
  initial-letter-wrap: auto;
}

.line-grid {
  line-grid: create;
  line-snap: block-start;
  box-snap: block-end;
  display: first-baseline;
  display: last-baseline;
}

.lists::marker {
  marker-side: marker;
  counter-set: list-container;
  display: counters(list-item, '.');
}

.masking {
  clip-path: fill-box;
  clip-rule: stroke-box;
  mask-image: view-box;
  mask-mode: nonzero;
  mask-repeat: evenodd;
  mask-position: alpha;
  mask-clip: luminance;
  mask-origin: no-clip;
  mask-size: add;
  mask-composite: subtract;
  mask: intersect;
  mask-border-source: exclude;
  mask-border-mode: auto;
  mask-border-slice: auto;
  mask-border-width: auto;
  mask-border-outset: auto;
  mask-border-repeat: auto;
  mask-border: auto;
  mask-type: auto;
}

.motion-1 {
  motion-path: path(M 100 100 L 300 100 L 200 300 z);
  motion-offset: auto;
  motion-rotation: auto;
  motion: auto;
}

.multicol {
  columns: column;
  column-count: balance;
  column-fill: avoid-column;
  column-gap: auto;
  column-rule: auto;
  column-rule-color: auto;
  column-rule-style: auto;
  column-rule-width: auto;
  column-span: auto;
  column-width: auto;
}

.overflow {
  max-lines: paged-x;
  display: paged-y;
  display: paged-x-controls;
  display: paged-y-controls;
  display: fragments;
}

.page {
  display: avoid-page;
  display: page;
  display: recto;
  display: verso;
}

.page-floats-3 {
  float-reference: inline-start;
  float-defer: inline-end;
  float-offset: snap-block;
  display: snap-inline;
  display: snap-block(2em, near);
  display: snap-inline(2em, near);
}

.positioning {
  offset-before: sticky;
  offset-end: auto;
  offset-after: auto;
  offset-start: auto;
}

.pseudo::selection,
.pseudo::spelling-error,
.pseudo::grammer-error,
.pseuod::placeholder {
  display: block;
}

.regions:region {
  flow-into: element;
  flow-from: content;
  region-fragment: break;
  display: region;
  display: avoid-region;
}

@media (device-radius: 50%) {
  .round-display-1 {
    shape-inside: outside-shape;
    border-boundary: shape-box;
    polar-angle: parent;
    polar-distance: polar;
  }
}

.ruby {
  ruby-position: ruby-base-container;
  ruby-merge: ruby-text-container;
  ruby-align: inter-character;
}

@scope .scoping {
  div {
    display: auto;
  }
}

.scoping:scope-context div,
.scoping:host,
.scping:host(.foo),
.scoping:host-context,
.scoping::shadow,
.scoping::content,
.scoping /deep/ span {
  display: auto;
}

.selectors3:target,
.selectors3:enabled,
.selectors3:disabled,
.selectors3:checked,
.selectors3:indeterminate,
.selectors3:root,
.selectors3:empty,
.selectors3:last-child,
.selectors3:last-of-type,
.selectors3:first-of-type,
.selectors3:only-child,
.selectors3:only-of-type,
.selectors3:nth-child(2n+1),
.selectors3:nth-last-child(-n+2),
.selectors3:nth-of-type(2n+1),
.selectors3:nth-last-of-type(n+2),
.selectors3:not([DISABLED]) {
  display: auto;
}

.selectors4 | h1,
.selectors4:scope,
.selectors4:current,
.selectors4:past,
.selectors4:future,
.selectors4:default,
.selectors4:valid,
.selectors4:invalid,
.selectors4:required,
.selectors4:optional,
.selectors4:blank,
.selectors4:any-link,
.selectors4:local-link,
.selectors4:read-only,
.selectors4:read-write,
.selectors4:placeholder-shown,
.selectors4:in-range,
.selectors4:out-of-range,
.selectors4:user-error,
.selectors4:active-drop-target,
.selectors4:valid-drop-target,
.selectors4:invalid-drop-target,
.selectors4:matches(:hover, :focus),
.selectors4:dir(ltr),
.selectors4:local-link(0),
.selectors4:current(p, li, dt, dd),
.selectors4:nth-match(2n+1),
.selectors4:nth-last-match(-n+2),
.selectors4:nth-column(2n+1),
.selectors4:nth-last-column(-n+2),
.selectors4:column(p, li, dt, dd) {
  display: auto;
}

.selectors-nonelement-1::attr(title) {
  display: auto;
}

.shapes {
  shape-outside: margin-box;
  shape-image-threshold: inset(50% 50% 50% 50%);
  shape-margin: circle(100px 50px 100px);
  display: ellipse(0 0 250px 100px);
  display: polygon(0 0, 100% 100%, 0 100%);
}

.sizing {
  display: max-content;
  display: min-content;
  display: fit-content;
}

.snappoints {
  scroll-snap-type: mandatory;
  scroll-snap-padding: proximity;
  scroll-snap-margin: auto;
  scroll-snap-align: auto;
}

.speech {
  voice-volume: 10dB;
  voice-balance: literal-punctuation;
  rest-before: no-punctuation;
  rest-after: x-weak;
  rest: weak;
  voice-rate: strong;
  voice-pitch: x-strong;
  voice-range: young;
  voice-stress: old;
  voice-duration: neutral;
  display: preserve;
  display: 10st;
  display: moderate;
  display: reduced;
}

.syntax {
  display: auto;
}

.text-3 {
  hyphens: manual;
  line-break: loose;
  overflow-wrap: strict;
  tab-size: match-parent;
  display: hanging;
  display: each-line;
  display: full-width;
}

.text-4 {
  text-space-collapse: preserve-auto;
  text-space-trim: preserve-trim;
  text-wrap: preserve-breaks;
  wrap-before: preserve-spaces;
  wrap-after: trim-inner;
  wrap-inside: discard-before;
  hyphenate-character: discard-after;
  hyphenate-limit-zone: avoid-line;
  hyphenate-limit-chars: avoid-flex;
  hyphenate-limit-lines: pre-wrap-auto;
  hyphenate-limit-last: no-limit;
  text-spacing: spread;
  display: trim-start;
  display: space-start;
  display: trim-end;
  display: space-end;
  display: trim-adjacent;
  display: space-adjacent;
  display: no-compress;
  display: ideograph-alpha;
  display: ideograph-numeric;
  display: punctuation;
}

.text-decor-3 {
  text-decoration-color: filled;
  text-decoration-line: dot;
  text-decoration-skip: triangle;
  text-decoration-style: sesame;
  text-emphasis: objects;
  text-emphasis-color: ink;
  text-emphasis-position: edges;
  text-emphasis-style: wavy;
  display: alphabetic;
  display: spaces;
  display: box-decoration;
  display: under;
  display: over;
}

.transforms {
  backface-visibility: flat;
  perspective: preserve-3d;
  perspective-origin: matrix(1);
  transform: matrix3d(1);
  transform-origin: translate(1);
  transform-style: translate3d(1);
  display: translateX(1);
  display: translateY(1);
  display: translateZ(1);
  display: scale(1);
  display: scale3d(1);
  display: scaleX(1);
  display: scaleY(1);
  display: scaleZ(1);
  display: rotate(1);
  display: rotate3d(1);
  display: rotateX(1);
  display: rotateY(1);
  display: rotateZ(1);
  display: skew(1);
  display: skewX(1);
  display: skewY(1);
  display: perspective(1);
}

.transitions {
  transition: linear;
  transition-property: ease;
  transition-duration: ease-in;
  transition-timing-function: ease-out;
  transition-delay: ease-in-out;
  display: step-start;
  display: step-end;
  display: steps(1, start);
  display: cubic-bezier(0.25, 0.1, 0.25, 1.0);
}

.ui-3 {
  caret-color: grab;
  display: grabbing;
}

.ui-4 {
  caret: fade;
  caret-shape: fade(1em);
  caret-animation: underscore;
}

.values {
  display: 1ch;
  display: 1vw;
  display: 1vh;
  display: 1vmin;
  display: 1q;
  display: 1turn;
  display: calc(100%/3 - 2*1em - 2*1px);
  display: toggle(italic, normal);
}

.variables {
  var-foo: var(foo);
}

@viewport {
  min-zoom: auto;
  max-zoom: auto;
  user-zoom: auto;
}

.web-animations {
  display: auto;
}

.will-change {
  will-change: scroll-position;
}

.writing-modes {
  writing-mode: before;
  text-orientation: after;
  text-combine-upright: mixed;
  glyph-orientation-vertical: upright;
  display: plaintext;
  display: sideways;
  display: sideways-rl;
  display: sideways-lr;
  display: isolate;
  display: isolate-override;
  display: horizontal-tb;
  display: vertical-rl;
  display: vertical-lr;
}

.html5-elements,
article,
section,
nav,
aside,
header,
footer,
figure,
figcaption,
main,
data,
time,
mark,
ruby,
rb,
rt,
rtc,
rp,
bdi,
wbr,
embed,
video,
audio,
source,
track,
datalist,
keygen,
output,
progress,
meter,
template,
canvas {
  display: auto;
}