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

Some Grid Layout shorthands are missing #7

Open
Destiner opened this issue May 26, 2022 · 2 comments
Open

Some Grid Layout shorthands are missing #7

Destiner opened this issue May 26, 2022 · 2 comments

Comments

@Destiner
Copy link

There's a block of grid-related rules, but some variants are missing. For example, there's grid-column-gap, grid-row-gap, and grid-gap, but no row-gap and gap, which are also valid.

@desjardinsm
Copy link

desjardinsm commented May 26, 2022

For some background information from MDN:

Note: When grid first shipped in browsers the column-gap, row-gap and gap were prefixed with the grid- prefix as grid-column-gap, grid-row-gap and grid-gap respectively.
Browsers all now support unprefixed values, however the prefixed versions will be maintained as aliases making them safe to use.

Also of note is that since gap (grid-gap) is shorthand for row-gap/column-gap, it should come before grid-column-gap (whereas currently grid-column-gap comes first).

Although as it stands, column-gap does exist, but grouped with the "Multi-column Layout" column properties.

Lastly, I'm looking for references in the spec or other docs for the following properties, but I can't find anything. Do you know what they are for?
"grid-after", "grid-before", "grid-columns", "grid-end", "grid-rows", "grid-start",

@Bielousov
Copy link

Upvote. gap is getting moved to the props end.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants