Re: [csswg-drafts] Proposal: Add an incremental syntax to CSS Gradients (#8616)

How does this work when color stop positions are omitted?

Does first fill in the color stops as if the relative value was also missing?
And then afterwards combine the interpolated position from the previous color stop with the relative value?

Or does it first apply the relative value as if the previous color stop had a value of zero?

---------

```
linear-gradient(red, white ++10%, blue);
```

Is that :

- `linear-gradient(red 0%, white 10%, blue 100%);`
- `linear-gradient(red 0%, white 60%, blue 100%);` -> definitely no

---------

```
linear-gradient(red, orange, white, pink ++10%, blue);
```

Is that :

- `linear-gradient(red 0%, orange 3.3333%, white 6.6666%, pink 10%, blue 100%);`
- `linear-gradient(red 0%, orange 25%, white 50%, pink 60%, blue 100%);`
- `linear-gradient(red 0%, orange 25%, white 50%, pink 85%, blue 100%);` -> definitely no

---------

```
linear-gradient(red, orange ++10%, white, pink, blue);
```

Is that :

- `linear-gradient(red 0%, orange 10%, white 40%, pink 70%, blue 100%);`
- `linear-gradient(red 0%, orange 10%, white 50%, pink 75%, blue 100%);`
- `linear-gradient(red 0%, orange 35%, white 50%, pink 75%, blue 100%);` -> definitely no

-- 
GitHub Notification of comment by romainmenke
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/8616#issuecomment-1480337475 using your GitHub account


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

Received on Wednesday, 22 March 2023 22:26:23 UTC