-
Notifications
You must be signed in to change notification settings - Fork 253
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
Container queries support #1143
Comments
Any known workarounds to be able to use container queries in stitches at all? |
You can use container queries like other css({
"@supports (display: grid)": {
// styles
},
"@container (min-width: 700px)" {
// styles
}
}) However, one problem I'm seeing is that https:/stitchesjs/stitches/blob/2876c6fe835c4d499e87a8e53a5c586395e40358/packages/core/src/convert/toResolvedMediaQueryRanges.js is trying to manipulate the values, so sometimes you end up with an invalid query. For instance, the following input gets the following output: css({
'@container (max-width < 200px)': {
color: 'red',
},
}) @container (max-max-width:199.9375px){color:red} but you can still get usable queries if you choose values that work well with this rewriter. However, it'd be nice if it were updated to account for valid |
Could you please add support for container queries like we have for media queries?
The text was updated successfully, but these errors were encountered: