Re: [csswg-drafts] [css-flexbox][css-grid] Unifying grid-auto-flow and flex-flow (#11480)

An idea that's been floating in my head (to point 2 of [my comment in #11243](https://github.com/w3c/csswg-drafts/issues/11243#issuecomment-2611224248)) is to have a property that both selects between, and parameterizes, flexbox/grid/masonry/etc. Something like:

```
item-auto-placement:
     no-wrap    /* non-wrapping flexbox */
 | flex-wrap [reverse]
 | grid-wrap [reverse]
 | shortest [favor-start | favor-end]    /* masonry, with favor-* describing how to break ties */
```

The grammar's a bit more verbose, but the branching leaves room to avoid the problems of specifying combinations that don't make sense.

That particular example also leads to `item-flow: shortest column` in the shorthand for a classic masonry layout, which I find really expressive.

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


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

Received on Thursday, 23 January 2025 23:39:09 UTC