Skip to content

modifiers: resolve theme() in container-query arbitrary values#168

Open
samoht wants to merge 1 commit into
mainfrom
container-theme-breakpoint
Open

modifiers: resolve theme() in container-query arbitrary values#168
samoht wants to merge 1 commit into
mainfrom
container-theme-breakpoint

Conversation

@samoht

@samoht samoht commented Jul 26, 2026

Copy link
Copy Markdown
Owner

Container-query variants with a theme() reference in the arbitrary value (@min-[theme(--breakpoint-lg)]:..., @max-[theme(...)]:...) produce no rule, so tailwindcss.com's @min-[theme(--breakpoint-*)] / @max-[theme(--breakpoint-*)] utilities are unreachable.

@min-[...] / @max-[...] now resolve a theme(--name) value through Scheme.token_default (the same table the sm:/lg: variants publish), so theme(--breakpoint-lg) is 64rem. Plain lengths (@min-[400px]) and named sizes (@lg) go through the existing path unchanged.

@Min-[theme(--breakpoint-lg)]:... and @max-[theme(...)]:... resolve the
theme reference through the same default token table the sm:/lg: variants
publish, so theme(--breakpoint-lg) is the 64rem breakpoint. Plain lengths
(@Min-[400px]) and named sizes (@lg) are unaffected.
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.

1 participant