Consider the following definition:
background: hsl(150 30% 30%);
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:
background: hsl(150 70% 30%);
which is totally wrong.
Another example:
background: color-mix(in srgb, red 30%, blue);
turns into
background: color-mix(in srgb, red 70%, blue);
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,
background-position: 30%;
turns into
background-position: 70%;
which seems off)
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
backgroundshorthand 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)