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

> Would it be possible to adjust the syntax so that +var() or +calc() assumes its content will be a length, dictated by the leading +? That would make the feature much more flexible.

That already works ;)
I just didn't bother writing a test for it.

```css
.calc-3 {
 background: repeating-linear-gradient(red 10px blue +calc(5px * 3));

 /* becomes */
 background: repeating-linear-gradient(red 10px blue 25px);
}

.var-1 {
 background: repeating-linear-gradient(red 10px blue +var(--foo));

 /* becomes */
 background: repeating-linear-gradient(red 10px blue calc(10px + var(--foo)));

}
```

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


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

Received on Monday, 20 March 2023 15:18:57 UTC