Support for responsive props
Open
feature: proposal 💬
- Dominant language
- TypeScript
- Stars
- 12.4k
- Forks
- 413
- PR merge metrics
- No merged PRs in 30d
Description
## Describe the feature
Is there a way to implement responsive props with linaria similar to https://github.com/emotion-js/facepaint?
## Motivation
When implemening a primitive component using `Box` or `Text`, it is absolutely necessary to support responsive behaviour.
Currently it is only possible to control props supplied to component externally such as
```js
const isMobile = useMediaQuery(breakpoints.MOBILE)
```
## Possible implementations
It would be great if we could do something like:
```js
```
which could generate css media queries based on a static config.
## Related Issues
Probably #465
Contributor guide
Assessment
This issue has not been assessed yet.