tailwindcss

aphrody-labs/tailwindcss

0 Fork 0

mirror of https://github.com/aphrody-labs/tailwindcss.git synced 2026-10-14 05:39:02 +00:00

Files

T

History

Younes BerianeandRobin Malfait 931db16192 Use margin-trim: block in the @property fallback detection (#20569 )

Fixes #20568.

## Summary

The `@property` fallback is gated on `not (margin-trim: inline)`. The
CSSWG removed the inline values (w3c/csswg-drafts#13731), and Safari
Technology Preview now rejects them, so the fallback resets override
utilities there.

This switches to `margin-trim: block`. That value is still in the
grammar and shipped with `@property` in [Safari
16.4](https://webkit.org/blog/13966/webkit-features-in-safari-16-4/), so
the branch still matches only older Safari. Firefox's branch is
unchanged.

I did not use `at-rule(@property)`: browsers without `at-rule()` support
would evaluate `not at-rule(…)` as true.

## Test plan

- `pnpm vitest run packages/tailwindcss/src/index.test.ts -t 'fallback
detection'`: fails on `main`, passes here.
- `pnpm vitest run packages/tailwindcss`: 5107 passed, 1 skipped;
snapshots updated for the new string.
- Not run locally: the `@tailwindcss/postcss` tests and the integration
tests (no oxide native build here).

Prepared with AI assistance (Claude), reviewed and tested before
submission.

---------

Co-authored-by: Robin Malfait <robin.malfait@shopify.com>

2026-10-13 13:16:55 +02:00

config.test.ts

Improve integration tests (stability + performance) (#15125 )

2024-12-12 13:48:56 +01:00

core-as-postcss-plugin.test.ts

Improve codebase quality (#19999 )

2026-04-30 23:32:37 +02:00

index.test.ts

Fix failing postcss integration test (#19436 )

2025-12-12 09:38:08 -05:00

multi-root.test.ts

Make @reference emit variable fallbacks instead of CSS variable declarations (#16774 )