emotion-js/facepaint

Can’t combine with `cx`

kirkstrobeck opened this issue · 0 comments

Unfortunately, standard emotion combining doesn’t work. In this repo, mq provides media queries.

const a = css(mq({ background: ['green', 'blue'] }));
const b = css(mq({ background: 'orange' }));
const c = css(mq({ background: ['orange', 'orange'] }));
const d = css(mq({ background: ['orange', 'orange', 'orange', 'orange'] }));

return <div className={cx(a, b, c, d)}>I’m green or blue, but I should be orange</div>;