Container query classes cannot take CSS variable as arbitrary breakpoint value #17597
-
|
What version of Tailwind CSS are you using? v4.1.3 Reproduction URL Describe your issue Container query classes cannot take CSS variable as arbitrary breakpoint value. |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 1 reply
-
|
Hey! Unfortunately this is a limitation in CSS itself, both Tailwind CSS will then inline the actual value in the container query. Example Play: https://play.tailwindcss.com/Y036j2HeVZ |
Beta Was this translation helpful? Give feedback.
-
|
Yeah, my bad. I could swear I used CSS variables with Media Queries before, but I guess I did not :D Unfortunately, in my case, the variable is coming from a dynamic style tag, I cannot define them build time, I need to find another way. |
Beta Was this translation helpful? Give feedback.
Hey!
Unfortunately this is a limitation in CSS itself, both
@mediaand@containerdon't work with CSS variables. In this scenario, you can create custom variables in the@themesection: https://tailwindcss.com/docs/responsive-design#using-custom-container-sizesTailwind CSS will then inline the actual value in the container query.
Example Play: https://play.tailwindcss.com/Y036j2HeVZ