Skip to content

Conversation

lukewarlow
Copy link

This adds documentation for the variants for the following media queries prefers-reduced-transparency, forced-colors, inverted-colors, and scripting.

This adds documentation for the variants for the following media queries `prefers-reduced-transparency`, `forced-colors`, `inverted-colors`, and `scripting`.
@vercel
Copy link

vercel bot commented Sep 8, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
tailwindcss-com ✅ Ready (Inspect) Visit Preview 💬 Add feedback Sep 8, 2023 4:13pm

@lukewarlow
Copy link
Author

One thing to note I reckon it's worth linking out to the mdn pages for the various media queries.

@@ -986,6 +986,30 @@ Tailwind also includes a `motion-safe` modifier that only adds styles when the u
</button>
```

### Prefers reduced transparency
Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Due to the fact this only works in Chrome i've not mentioned the transparency-safe modifier as that won't work across browsers.

I also think it's worth adding a note to say this is "experimental"?

Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I suggest you add the matching documentation to the PR adding the feature instead of having a documentation PR for all four.

@lukewarlow lukewarlow closed this Nov 7, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants