Skip to content
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.

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

[css-align] Allow authors to choose a fallback alignment for distributed alignments #11259

Open
Loirooriol opened this issue Nov 21, 2024 · 1 comment
Labels
css-align-3 Current Work

Comments

@Loirooriol
Copy link
Contributor

The fallback alignment for distributed alignments is:

  • space-between: safe flex-start
  • space-around: safe center
  • space-evenly: safe center
  • stretch: flex-start

However, authors may want different fallbacks, e.g. #11244 wants space-between but falling back to safe center instead of safe flex-start. I could also imagine wanting e.g. space-evenly but falling back to unsafe center.

So we could generalize the syntax from https://drafts.csswg.org/css-align/#align-justify-content, e.g.

<'align-content'> = normal | <content-distribution> | <foo> | <content-distribution>, <foo>
<foo> = <baseline-position> | <overflow-position>? <content-position>

<'justify-content'> = normal | <content-distribution> | <bar> | <content-distribution>, <bar>
<bar> = <overflow-position>? [ <content-position> | left | right ]
@Loirooriol
Copy link
Contributor Author

I guess a comma would be bad for place-content, whose grammar is <'align-content'> <'justify-content'>?.

Maybe a functional notation? place-content: space-between(safe center) space-evenly(unsafe center)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
css-align-3 Current Work
Projects
None yet
Development

No branches or pull requests

1 participant