Skip to content
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

Browsers do not support color-mix() in relative color syntax #1296

Closed
romainmenke opened this issue Feb 23, 2024 · 1 comment
Closed

Browsers do not support color-mix() in relative color syntax #1296

romainmenke opened this issue Feb 23, 2024 · 1 comment

Comments

@romainmenke
Copy link
Member

romainmenke commented Feb 23, 2024

I don't see why they do not support this, but this is something users will encounter.

I think this is the most complete supports arg at this time :

@supports (color: lab(from red l a b) {} /* base feature */
@supports (color: lab(from red l 1 1%) {} /* mixed units and percentages */
@supports (color: lab(from red l calc(a + 1) b) {} /* correct value type, must be number, not percentage */
@supports (color: lab(from color-mix(in lab, red, red) l a b) {} /* color-mix() */

@supports (color: lab(from color-mix(in lab, red, red) 1% calc(a + 1) 1%)) {}
@romainmenke
Copy link
Member Author

Going to close this for now.
I don't really like the prospect of producing supports queries like these for any use of relative color syntax.

If this is a significant problem for users we can add special handling for it.

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

No branches or pull requests

1 participant