Использование синтаксиса объекта с Facepaint от EmotionJS - PullRequest
Новая
       74

Использование синтаксиса объекта с Facepaint от EmotionJS

0 голосов
/ 20 января 2020

Следующее не работает в Facepaint от Эмоции JS: 

const mq = facepaint({
  _: '@media(min-width: 0px)',
  xs: '@media(min-width: 480px)',
  sm: '@media(min-width: 768px)',
  md: '@media(min-width: 992px)',
  lg: '@media(min-width: 1200px)',
  xl: '@media(min-width: 1600px)',
})

const Test = styled.div`
  background-color: orange;

  ${mq({
    width: { _: '15px', xs: '30px', md: '95px', xl: '158px' },
    height: { _: '15px', xs: '30px', md: '95px', xl: '158px' },
  })};
`

Интересно, хотя - возможно ли что-то подобное? Т.е. возможно ли создать объект с именованными ключами, который я смогу использовать для ссылки на точки останова, которые я хочу использовать?

Если да, то как?

Спасибо.

...