Skip to content

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

Merged
philipp-spiess merged 2 commits intomainfrom
feat/bare-col-row-values
Feb 27, 2025
Merged

Support bare col-* and row-* utilities#15183
philipp-spiess merged 2 commits intomainfrom
feat/bare-col-row-values

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
@subhero24
Copy link

@adamwathan Will this be included in the stable release of v4 next week?

@philipp-spiess philipp-spiess force-pushed the feat/bare-col-row-values branch from b64265c to e386ea5 Compare February 26, 2025 14:03
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

3 participants