tailwindcss/packages
Adam Wathan 595b88f271
Support bare col-* and row-* utilities (#15183)
Resolves #15170.

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

```css
.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:

```css
.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.

---------

Co-authored-by: Adam Wathan <4323180+adamwathan@users.noreply.github.com>
Co-authored-by: Philipp Spiess <hello@philippspiess.com>
2025-02-27 23:58:24 +01:00
..
@tailwindcss-browser Prepare v4.0.9 release (#16804) 2025-02-25 17:33:28 +01:00
@tailwindcss-cli Prepare v4.0.9 release (#16804) 2025-02-25 17:33:28 +01:00
@tailwindcss-node Prepare v4.0.9 release (#16804) 2025-02-25 17:33:28 +01:00
@tailwindcss-postcss Prepare v4.0.9 release (#16804) 2025-02-25 17:33:28 +01:00
@tailwindcss-standalone Prepare v4.0.9 release (#16804) 2025-02-25 17:33:28 +01:00
@tailwindcss-upgrade Prepare v4.0.9 release (#16804) 2025-02-25 17:33:28 +01:00
@tailwindcss-vite Prepare v4.0.9 release (#16804) 2025-02-25 17:33:28 +01:00
internal-example-plugin Prefix internal modules with internal-* (#14074) 2024-07-29 10:58:07 -04:00
tailwindcss Support bare col-* and row-* utilities (#15183) 2025-02-27 23:58:24 +01:00
tsconfig.base.json Improve debug logs (#15303) 2024-12-11 15:27:20 +01:00