callstack / callstack/linaria

Use inline-style-expand-shorthand in @linaria/atomic atomizer

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

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.