emotion-js/facepaint

Adding nested selectors at a given breakpoint

Aperta

#12 aperta il 12 apr 2018

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

Metriche repository

Star
 (594 stelle)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

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