[css-values-4] mix() can not represent composition #9342
Description
For example, this requires a mix between three values:
@keyframes anim {
from {
offset-distance: min(10px, 10%);
}
to {
animation-composition: add;
offset-distance: min(20px, 20%);
}
}
div {
offset-distance: min(30px, 30%);
animation: anim 10s -1s linear paused;
}
The computed value should be something like calc(min(30px, 30%) * 0.1 + min(10px, 10%) * 0.9 + min(20px, 20%) * 0.1), which mix() isn't able to represent.
See also #9341.