Skip to content

Conversation

@thecrypticace
Copy link
Contributor

Firefox does not currently support @property so we need to fallback to declarations on * + pseudo elements or :root depending on whether or not the property is inheritable.

This PR adds fallbacks to the base layer of the generated CSS and wraps them in a @supports (-moz-orient: auto) so only Firefox applies these rules.

@thecrypticace thecrypticace requested a review from RobinMalfait May 8, 2024 15:27
@RobinMalfait RobinMalfait added the v4 label May 8, 2024
@thecrypticace thecrypticace force-pushed the feat/ff-property-fallbacks branch from a3f3f44 to f7f1c0d Compare May 8, 2024 16:10
@thecrypticace thecrypticace force-pushed the feat/ff-property-fallbacks branch from f7f1c0d to f56e1df Compare May 8, 2024 16:35
@thecrypticace thecrypticace merged commit aceec2e into next May 8, 2024
@thecrypticace thecrypticace deleted the feat/ff-property-fallbacks branch May 8, 2024 16:39
philipp-spiess added a commit that referenced this pull request Jan 14, 2025
This PR removes the `@property` fallbacks added in #13655. This is
possible because we're targeting a minimum Firefox version of 128 which
[includes support for \`@property\`
rules](https://developer.mozilla.org/de/docs/Web/CSS/@property).

<img width="1284" alt="Screenshot 2025-01-14 at 11 36 44"
src="https://github.com/user-attachments/assets/ae070781-35c1-4165-be51-baa63f28db5b"
/>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants