Skip to content

[css-values-5] Typo #12305

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Jun 10, 2025
Merged

[css-values-5] Typo #12305

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
11e7b65
[css-values-5] Typo
cdoublev Jun 9, 2025
40036b3
[css-values-5] Prevent re-ordering *-interpolate() first argument
cdoublev Jun 10, 2025
74564dc
[css-syntax-5] Typo
cdoublev Jun 10, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
36 changes: 23 additions & 13 deletions css-values-5/Overview.bs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -987,7 +987,7 @@ Interpolation Mapping Notations: the *-interpolate() family</h2>
The [=functional notations=] follow the syntactic pattern:

<pre class=prod>
<var>*interpolate</var>() = <var>*interpolate</var>( <var>progress</var> && <var>global-options</var>?,
<var>*interpolate</var>() = <var>*interpolate</var>( [ <var>progress</var> && <var>global-options</var>? ],
<var>stop</var>, [ <var>between-options</var>? , <var>stop</var> ]# )
</pre>

Expand Down Expand Up @@ -1027,10 +1027,12 @@ Global Syntax of the *-interpolate() family</h3>

<pre class=prod>
<var>interpolate-function</var>() = <var>interpolate-function</var>(
<<progress-source>> && [ by <<easing-function>> ]?
&& <<easing-function>>? && <<segment-options>>?,
[
<<progress-source>> && [ by <<easing-function>> ]?
&& <<easing-function>>? && <<segment-options>>?
] ,
<<input-position>>{1,2} : <<output-value>> ,
[ [ <<easing-function>> || <<segment-options>> , ]? <<input-position>>{1,2} : <<output-value>> ]*
[ [ <<easing-function>> || <<segment-options>> ]? , <<input-position>>{1,2} : <<output-value>> ]#?
)
</pre>

Expand Down Expand Up @@ -1263,8 +1265,10 @@ Interpolated Numeric and Dimensional Values: the ''calc-interpolate()'' notation

<pre class=prod>
<<calc-interpolate()>> = calc-interpolate(
<<progress-source>> && [ by <<easing-function>> ]?
&& <<easing-function>>?,
[
<<progress-source>> && [ by <<easing-function>> ]?
&& <<easing-function>>?
] ,
<<input-position>>{1,2} : <<calc-sum>> ,
[ <<easing-function>>? , <<input-position>>{1,2} : <<calc-sum>> ]# )
</pre>
Expand All @@ -1274,7 +1278,7 @@ Interpolated Numeric and Dimensional Values: the ''calc-interpolate()'' notation
but must have a [=consistent type=]
or else the function is invalid.
The result's type will be the [=consistent type=],
[=made consistent=] with the type of the <<progress>> value.
[=made consistent=] with the type of the <<progress-source>> value.

<h3 id="color-interpolate">
Interpolated Color Values: the ''color-interpolate()'' notation</h3>
Expand All @@ -1285,8 +1289,10 @@ Interpolated Color Values: the ''color-interpolate()'' notation</h3>

<pre class=prod>
<<color-interpolate()>> = color-interpolate(
<<progress-source>> && [ by <<easing-function>> ]?
&& <<easing-function>>? && <<color-interpolation-method>>?,
[
<<progress-source>> && [ by <<easing-function>> ]?
&& <<easing-function>>? && <<color-interpolation-method>>?
] ,
<<input-position>>{1,2} : <<color>>,
[ [ <<easing-function>> || <<color-interpolation-method>> ],
<<input-position>>{1,2} : <<color>> ]# )
Expand All @@ -1301,8 +1307,10 @@ Interpolated Transform Values: the ''transform-interpolate()'' notation</h3>

<pre class=prod>
<<transform-interpolate()>> = transform-interpolate(
<<progress-source>> && [ by <<easing-function>> ]?
&& <<easing-function>>?,
[
<<progress-source>> && [ by <<easing-function>> ]?
&& <<easing-function>>?
],
<<input-position>>{1,2} : <<transform-list>>,
[ <<easing-function>>?, <<input-position>>{1,2} : <<transform-list>> ]# )
</pre>
Expand All @@ -1318,8 +1326,10 @@ Interpolated Property Values: the ''interpolate()'' notation</h3>

<pre class=prod>
<<interpolate()>> = interpolate(
<<progress-source>> && [ by <<easing-function>> ]?
&& <<easing-function>>?,
[
<<progress-source>> && [ by <<easing-function>> ]?
&& <<easing-function>>?
] ,
<<input-position>>{1,2} : <<whole-value>>,
[ <<easing-function>>?, <<input-position>>{1,2} : <<whole-value>> ]# ) |
interpolate( <<progress-source>> && [ by <<easing-function>> ]?
Expand Down