Bug: Validator can't parse custom variables in aspect-ratio fraction

[tmb-github]

/*
It issues this error message when a CSS variable is used on either side of the fraction:
.aspect-ratio / is not a aspect-ratio value : / 3
*/

.aspect-ratio {
aspect-ratio: var(--x) / 3;
}

/* with fallback value in variable: */
.aspect-ratio {
aspect-ratio: var(--x, 2) / 3;
}

[MichaIng]

Already fixed with: #308

[tmb-github]

@MichaIng No, it is not fixed. Run the code I supplied through the validator and you'll see. It complains:

/ is not a aspect-ratio value : / 3

...for both statements.

[MichaIng]

Ah sorry, I missed the detail that it is about the CSS variable and not about the attribute itself.

[ylafon]

closing as duplicate of #315
Some work started in a new branch.
currently, aspect-ratio: var(--x) / 3; is ignored as we don't know the value of --x,
and aspect-ratio: var(--x, 4) / 3; should validate. (not deployed yet)

[tmb-github]

@ylafon It fails even if --x is defined. See Validator results on this CSS:

:root {
  --x: 1;
}

.aspect-ratio {
  aspect-ratio: var(--x) / 3;
}