Mastodawn

CSS vars holding arrays should've expanded into multiple parameters for --function calls. Especially because there's a syntax to prevent it.

~~What a bummer!~~
Bummer averted! There's a spread operator coming to restore the behavior optionally 🎉

https://jsfiddle.net/wdmnockj/1/
https://github.com/w3c/csswg-drafts/issues/11190#issuecomment-2596276757
https://issues.chromium.org/issues/390205875
https://drafts.csswg.org/css-values-5/#comma-containing-productions:~:text=For%20example%2C%20font%2Dfamily%3A%20random%2Ditem(%2D%2Dx%2C%20%7Bvar(%2D%2Dlist1)%7D%2C%20monospace)%20will%20work%20correctly%20regardless%20of%20whether%20the%20%2D%2Dlist1%20custom%20property%20contains%20a%20comma%2Dseparated%20list%20or%20not.

Edit fiddle - JSFiddle - Code Playground

JSFiddle - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle.

Show thread

Jane Ori Mar 6

Heya @tabatkins , are you open to a spread operator so vars with comma separated values fill multiple arguments in a function call like originally planned?
There's tons of exciting potential there, happy to write up a request issue to track if there wasn't a technical limitation preventing it 🤙

Show thread

so tab today Mar 6

@JaneOri Spread operator is already defined in the spec!

https://drafts.csswg.org/css-values-5/#early-resolution

CSS Values and Units Module Level 5

Show thread

so tab today Mar 6

@JaneOri Sorry, more direct link https://drafts.csswg.org/css-values-5/#spread-syntax

CSS Values and Units Module Level 5

Show thread

Jane Ori Mar 7

@tabatkins awesome, thank you 🙏
I've been traveling the world for a year, totally disconnected from social media, still haven't caught up with all tech y'all have written and shipped. if(style()) makes my space toggle concept obsolete and I couldn't be more thrilled

Show thread

so tab today

@JaneOri Yeah, `if()` is legitimately crazy tech. I had no expectation five years ago that it would *ever* be possible. Anders and the rest of the Norway team are fucking BEASTS of implementors.