Use inline-style-expand-shorthand in @linaria/atomic atomizer
Open
enhancement: proposal 💬
needs: triage 🏷
- Dominant language
- TypeScript
- Stars
- 12.4k
- Forks
- 413
- PR merge metrics
- No merged PRs in 30d
Description
## Describe the enhancement
To correctly merge together atomic styles, we should expand shorthand properties. https://github.com/johanholmerin/style9/blob/10d282d17732a15409fcdc59ba75ed152f219e3f/docs/Usage-guide.md#shorthands contains some info on how this can work. We just need to explode properties like `padding: 5px` into four atoms: one for top, right, bottom, left.
## Motivation
This allows us to correctly override one of padding values
## Possible implementations
I think this should be pretty straightforward: it can go in `@linaria/atomic`'s atomizer.
## Related Issues
Contributor guide
Assessment
This issue has not been assessed yet.