[v4] arbritary values for row and col classes

[subhero24]

In v4 utilities some utilities like grid-cols-12 and z-40 do not depend on the theme values and just work.

Does that mean that row-42 should also just work? Because it does not work in v4.0.0-beta.2.
I still need the square brackets like row-[42].

[adamwathan]

Hey! I think you're looking for row-start-42 which will work. row-[42] didn't work in v3 and is a new class in v4 for the shorthand grid-row property where I think it's most common to pass multiple values like grid-row: 3 / 6 but it does work with one value too so maybe we can make that work anyways also.

[subhero24]

I think col-[42] and row-[42] already did work in v3:
https://play.tailwindcss.com/eSauO2KMnr

It would be nice if col-42 also worked. Maybe even mapping to grid-column: 42 / span 1 instead of the grid-column: 42 in v3 (which is maybe a little weird if col-end- was set separately).

[adamwathan]

I think col-[42] and row-[42] already did work in v3:

Wow I swear when I went to test it it didn't but clearly I'm wrong 😅 Will make this work, hilariously I didn't even know you could do this and I'm excited to be able to start writing col-3 instead of col-start-3 all the time now.

[subhero24]

Thanks!

Also related to arbitrary values for grid utilities: I use to write grid-rows-[1fr,auto] in v3, but that does not work in v4 anymore with the comma as a seperator. Don't know if this is intentional or not.

[adamwathan]

@subhero24 Ah yeah need to use underscores there, we supported commas for 5 seconds when v3 was first released before switching to underscores because sometimes you need real commas in arbitrary values 👍