emotion-js/facepaint

Adding nested selectors at a given breakpoint

Open

#12 aperta il 12 apr 2018

Vedi su GitHub
 (0 commenti) (2 reazioni) (0 assegnatari)JavaScript (12 fork)github user discovery
feature requesthelp wanted

Metriche repository

Star
 (594 star)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

I have pseudo-selector classes that only appear at my larger breakpoint. Currently it appears that I have to put every property within them inside an array:

mq({
  '&>li:first-child': {
    background: [undefined, 'green'],
    width: [undefined, 200],
  },
})

(In practice there's many more properties in there.)

Is there any neater way I could write this, and if not could one be added? I feel like I should be able to do either:

mq({
  '&>li:first-child': [undefined,
    background: 'green',
    width: 200,
  ],
})

or

mq([undefined, {
  '&>li:first-child': {
    background: 'green',
    width: 200,
  },
}])

Guida contributor