Open HumansCanWinElves opened 1 year ago
@HumansCanWinElves Thanks for filing this bug. Looks like this is specific to the new space-separated color functions, which CSSJanus does not yet know about.
@Krinkle the issue isn't just about the new space-separated syntax. It is the same with the old comma-separated syntax of the hsl()
function, as well as with the mandatory comma-separated syntax of the color-mix()
function mentioned in the report.
For example,
background: hsl(150, 30%, 30%);
becomes
background: hsl(150, 70%, 30%);
Consider the following definition:
The percent values are about the saturation and lightness of the generated color and are unrelated to directions.
Yet, when passing it through CSSJanus you get:
which is totally wrong.
Another example:
turns into
The root cause is probably this regex which tries to capture background-position values out of the
background
shorthand property.(As a side note, I'm not sure how this is even supposed to work well for actual position values, considering that the default alignment direction is still "left". For example,
turns into
which seems off)