callstack / callstack/linaria

Support for responsive props

Open
#708 19 comments 5 reactions 0 assignees View on GitHub
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.