-
⚠️ Existing Container Query demos are broken in the latest Chrome Canary. It's just a small syntax change: 🥳 We're adding the ability to query container styles, not just size size. So we have to be explicit about query type, eg: size(min-width: 30em) and style(--card: large)
-
Otherwise we would have confusion when you say eg: (min-width: 30em) which could mean either of these: size(min-width: 30em) style(min-width: 30em)
-
The syntax also allows you to query multiple size or style features in a single function: size((min-width: 30em) and (max-width:40em))
-
👀 In related news, Mozilla just opened a few interesting issues… bugzilla.mozilla.org/show_bug.cgi?id=1744219 bugzilla.mozilla.org/show_bug.cgi?id=1744221