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

Support bare col-* and row-* utilities #15183

Open
wants to merge 1 commit into
base: next
Choose a base branch
from

Conversation

adamwathan
Copy link
Member

Resolves #15170.

This PR adds support for bare integer values to the col-* and row-* utilities:

.col-5 {
  grid-column: 5;
}
.row-6 {
  grid-row: 6;
}

These properties are shorthands for grid-column-start/grid-column-end and grid-row-start/grid-row-end, so using a bare integer value ends up being a shortcut for:

.col-5 {
  grid-column-start: 5;
  grid-column-end: auto;
}

…which makes these basically work like an alternative to col-start-* and row-start-*.

These support negative values like -col-6 as well, which also technically extends to arbitrary values like -col-[6/span_2] now even though that is a junk value. I've decided not to guard against that though and just consider it user error to keep the implementation simple.

@adamwathan adamwathan requested a review from a team as a code owner November 25, 2024 22:59
@adamwathan adamwathan changed the title Support bare col and row utilities Support bare col-* and row-* utilities Nov 25, 2024
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

Successfully merging this pull request may close these issues.

[v4] arbritary values for row and col classes
2 participants