tailwindcss/packages
Adam Wathan dae178ef6a
Add color-scheme utilities (#14567)
Replaces #11271 — the merge conflicts are killing me and it's way easier
to just do it again (added you as a co-author though @lukewarlow so
you're still credited!)

This PR adds the following new utilities for the `color-scheme`
property:

| Class               | CSS                        |
| ------------------- | -------------------------- |
| `scheme-normal`     | `color-scheme: normal`     |
| `scheme-dark`       | `color-scheme: dark`       |
| `scheme-light`      | `color-scheme: light`      |
| `scheme-light-dark` | `color-scheme: light dark` |
| `scheme-only-dark`  | `color-scheme: dark only`  |
| `scheme-only-light` | `color-scheme: light only` |

Went with `scheme-*` for the utilities because there are currently no
other CSS properties with the word `scheme` in them and
`scheme-light-dark` is going to be a common value which is three words
already even with the shortened property name.

I considered setting `color-scheme: light dark` by default as part of
Preflight for this PR but decided against it, at least for this PR. I
think that could still be a useful default but we should think about it
a bit more because if you're building a light-mode-only site it'll force
you to do some extra work.

---------

Co-authored-by: Adam Wathan <4323180+adamwathan@users.noreply.github.com>
Co-authored-by: Luke Warlow <lwarlow@igalia.com>
2024-10-02 06:07:55 -04:00
..
@tailwindcss-cli Expose timing information in debug mode (#14553) 2024-09-30 14:39:21 +00:00
@tailwindcss-node Template migrations: Migrate v3 prefixes to v4 (#14557) 2024-10-01 18:04:08 +02:00
@tailwindcss-postcss Expose timing information in debug mode (#14553) 2024-09-30 14:39:21 +00:00
@tailwindcss-standalone Update @types/bun 1.1.8 → 1.1.10 (patch) (#14542) 2024-09-28 11:20:51 +00:00
@tailwindcss-upgrade Template migrations: Migrate v3 prefixes to v4 (#14557) 2024-10-01 18:04:08 +02:00
@tailwindcss-vite Expose timing information in debug mode (#14553) 2024-09-30 14:39:21 +00:00
internal-example-plugin Prefix internal modules with internal-* (#14074) 2024-07-29 10:58:07 -04:00
tailwindcss Add color-scheme utilities (#14567) 2024-10-02 06:07:55 -04:00
tsconfig.base.json introduce v4 codebase 2024-03-05 14:29:15 +01:00