Re: [csswg-drafts] Interpolate values between breakpoints (#6245)

The CSS Working Group just discussed `Interpolate values between breakpoints`, and agreed to the following:

* `RESOLVED: Republish the WD`

<details><summary>The full IRC log of that discussion</summary>
&lt;fantasai> https://drafts.csswg.org/css-values-5/#mixing<br>
&lt;emilio> fantasai: we split mix function in two categories, mix and interpolation<br>
&lt;emilio> ... where mix() produce weighed averages<br>
&lt;emilio> ... interpolate creates a mapping<br>
&lt;emilio> ... where progress and stops and options of how you interpolate<br>
&lt;emilio> ... that's currently spec'd out<br>
&lt;fantasai> interpolate(&lt;progress>, [ &lt;position> : &lt;value> ]#)<br>
&lt;Rossen3> q<br>
&lt;emilio> ... we wanted to publish these and bring people's attention and if anyone has concerns or suggestions (re. commas or semicolons)<br>
&lt;emilio> ... that's kinda where things are at<br>
&lt;emilio> ... wanted to check-in with the WG and ask if we can update the WD<br>
&lt;emilio> fantasai: one of the interesting thing is that when you define a stop we allow numbers / percents / lengths<br>
&lt;emilio> ... when you have an absolute progress and need to create this kind of map<br>
&lt;emilio> ... from progress to output, the interesting case is if you're mixing percentages and absolute values<br>
&lt;emilio> ... so we take the first and last absolute points, and those are 0 and 100%<br>
&lt;emilio> ... and that's how you build the map<br>
&lt;emilio> ... if you have feedback on that we'd love to hear it<br>
&lt;emilio> q+<br>
&lt;miriam> q+<br>
&lt;weinig> q+<br>
&lt;fantasai> emilio: Is there any sorting of stops? E.g. in gradients.<br>
&lt;fantasai> emilio: at what point to percentages resolve?<br>
&lt;fantasai> fantasai: we pin things and then follow gradient stop fixup rules<br>
&lt;emilio> fantasai: we pin things then we do the gradient stop fixup rules<br>
&lt;Rossen3> ack emilio<br>
&lt;weinig> q-<br>
&lt;Rossen3> ack miriam<br>
&lt;fantasai> See https://drafts.csswg.org/css-values-5/#interpolation-normalization<br>
&lt;emilio> miriam: maybe tangential, but progress() returns a number between 0 and 1<br>
&lt;emilio> ... can it be used directly or needs to be converted to something?<br>
&lt;emilio> fantasai: percents and numbers are called proportional, and they get treated similarly<br>
&lt;emilio> ... if you have proportional input, then all the stops need to be proportional values<br>
&lt;emilio> ... (i.e. numbers or percents)<br>
&lt;emilio> RESOLVED: Republish the WD<br>
</details>


-- 
GitHub Notification of comment by css-meeting-bot
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6245#issuecomment-3028565200 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 2 July 2025 16:50:03 UTC