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

[jpnelson]

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