Consider leverage css layers to control rule priorities.
- Dominant language
- TypeScript
- Stars
- 12.4k
- Forks
- 413
- PR merge metrics
- No merged PRs in 30d
Description
## Describe the enhancement
Inspired from https://github.com/unocss/unocss#layers
linaria.config.js
```
module.exports = {
layers: ["utility", "component", "application"],
defaultLayer: "application"
}
```
Add optional options argument which can be used to pass `layer` option to `css` function.
```typescript
function Button(props: { className?: string; children?: ReactNode }) {
return (
{props.children}
);
}
function App() {
return (
);
}
```
Output rules with care of layers order, except that in development environment could just simply rely on browser's native css layers feature.
## Motivation
The `cx` function of`@linaria/atomic` has high runtime overhead.
## Possible implementations
## Related Issues
Contributor guide
Assessment
This issue has not been assessed yet.