-
Notifications
You must be signed in to change notification settings - Fork 22
feat: add runtime color-mix() #208
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Pull Request Overview
This PR adds runtime support for the CSS color-mix() function, enabling mixing of colors in different color spaces during runtime. The implementation includes parsing of color-mix() syntax, runtime color mixing functionality using the colorjs.io library, and support detection for TailwindCSS compatibility.
- Adds
color-mix()CSS function parsing and compilation support - Implements runtime color mixing with colorjs.io library supporting multiple color spaces
- Adds TailwindCSS compatibility through @supports detection
Reviewed Changes
Copilot reviewed 5 out of 5 changed files in this pull request and generated 4 comments.
Show a summary per file
| File | Description |
|---|---|
| src/native/styles/functions/index.ts | Exports the new color-mix function module |
| src/native/styles/functions/color-mix.ts | Implements runtime color mixing functionality using colorjs.io |
| src/compiler/supports.ts | Adds @supports detection for color-mix syntax compatibility |
| src/compiler/declarations.ts | Adds color-mix parsing logic to handle CSS color-mix() function syntax |
| src/tests/native/color-mix.test.tsx | Adds test coverage for color-mix functionality with different color formats |
Co-authored-by: Copilot <[email protected]>
Co-authored-by: Copilot <[email protected]>

Fix #207