Skip to content

[css-images-4] Fix basic syntax of gradients #8367

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
tabatkins merged 1 commit into from
Jan 27, 2023
Merged

[css-images-4] Fix basic syntax of gradients #8367

Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
10 changes: 5 additions & 5 deletions css-images-4/Overview.bs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ Abstract: This module contains the features of CSS level 4 relating to the <<ima

Issue Tracking: Tracker http://www.w3.org/Style/CSS/Tracker/products/27
Previous Version: https://www.w3.org/TR/2017/WD-css-images-4-20170413/
Ignored Terms: <offset>, background positioning area, border image area, <meetorslice>, <ending-shape>, Map, <image>, invalid image, invalid images, concrete object size, linear-gradient(), radial-gradient(), default object size, CSS
Ignored Terms: <offset>, background positioning area, border image area, <meetorslice>, Map, <image>, invalid image, invalid images, concrete object size, linear-gradient(), radial-gradient(), default object size, CSS
Ignored Vars: H, P
Include Can I Use Panels: yes
Default Highlight: css
Expand Down Expand Up @@ -1198,7 +1198,7 @@ Linear Gradients: the ''linear-gradient()'' notation {#linear-gradients}

<pre class=prod>
<dfn>linear-gradient()</dfn> = linear-gradient(
[ <<angle>> | to <<side-or-corner>> ]? || <<color-interpolation-method>>,
[ [ <<angle>> | to <<side-or-corner>> ] || <<color-interpolation-method>> ]? ,
<<color-stop-list>>
)
<dfn>&lt;side-or-corner></dfn> = [left | right] || [top | bottom]
Expand Down Expand Up @@ -1344,7 +1344,7 @@ Radial Gradients: the ''radial-gradient()'' notation {#radial-gradients}

<pre class=prod>
<dfn>radial-gradient()</dfn> = radial-gradient(
[[ <<ending-shape>> || <<size>> ]? [ at <<position>> ]? ] || <<color-interpolation-method>>,
[ [ [ <<rg-ending-shape>> || <<rg-size>> ]? [ at <<position>> ]? ] || <<color-interpolation-method>>]? ,
<<color-stop-list>>
)
</pre>
Expand Down Expand Up @@ -1423,7 +1423,7 @@ Conic Gradients: the ''conic-gradient()'' notation</h3>

<pre class='prod'>
<dfn>conic-gradient()</dfn> = conic-gradient(
[ [ from <<angle>> ]? [ at <<position>> ]? ] || <<color-interpolation-method>>,
[ [ [ from <<angle>> ]? [ at <<position>> ]? ] || <<color-interpolation-method>> ]? ,
<<angular-color-stop-list>>
)
</pre>
Expand Down Expand Up @@ -2389,7 +2389,7 @@ Interpolating <<gradient>> {#interpolating-gradients}

* Otherwise, the size must be changed to a pair of <<length>>s
that would produce an equivalent ending-shape.
If the <<ending-shape>> was specified as <a value spec=css-images-3>circle</a>,
If the <<rg-ending-shape>> was specified as <a value spec=css-images-3>circle</a>,
change it to ''ellipse''.

2. Interpolate each component and color-stop of the gradients independently.
Expand Down