Skip to content

[css-align] Is align-items: flex-start a subset of the effects of align-items: start ? #8340

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

Closed
romainmenke opened this issue Jan 20, 2023 · 3 comments
Labels
Closed as Question Answered Used when the issue is more of a question than a problem, and it's been answered. css-align-3 Current Work

Comments

@romainmenke
Copy link
Member

A user requested a PostCSS plugin that would convert start to flex-start and end to flex-end for align-items.

csstools/postcss-plugins#108

  • start and end are less characters to type
  • flex-start and flex-end have better browser support

When I do a few tests in browsers this seems to work fine.

My concern is that these are listed as separate features in the specification and in MDN documentation. flex-start does not appear to be a legacy notation for start.

If these are separate features that happen to have the same effect in some cases we should not convert flex-start to start, even if users prefer short keywords.

@fantasai
Copy link
Collaborator

They behave differently in flexbox. flex-start references flex-flow, whereas start references only the writing mode.

@fantasai fantasai added css-align-3 Current Work Closed as Question Answered Used when the issue is more of a question than a problem, and it's been answered. labels Jan 20, 2023
@tabatkins
Copy link
Member

Yes, do not convert between them, they're distinct. (But in non-flex contexts, they are indeed identical.)

@romainmenke
Copy link
Member Author

I see, thank you 🙇

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Closed as Question Answered Used when the issue is more of a question than a problem, and it's been answered. css-align-3 Current Work
Projects
None yet
Development

No branches or pull requests

3 participants