callstack / callstack/linaria

Modifier classes

Open
#234 40 comments 16 reactions 0 assignees View on GitHub
feature: proposal 💬 needs: triage 🏷
Dominant language
TypeScript
Stars
12.4k
Forks
413
PR merge metrics
No merged PRs in 30d

Description

**Do you want to request a *feature* or report a *bug*?**

feature

**What is the expected behavior?**

To have the same modifiers syntax as in [`astroturf`](https://github.com/4Catalyzer/astroturf)

```js
const Button = styled('button')`
color: black;
border: 1px solid black;
background-color: white;

&.primary {
color: blue;
border: 1px solid blue;
}

&.color-green {
color: green;
}
`;

```

Compare to `${ }` interpolation it keeps CSS syntax. CSS highlight and autocomplete works.

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.