Вложение в эмоции с использованием CSS - PullRequest
Новая
       21

Вложение в эмоции с использованием CSS

3 голосов
/ 07 апреля 2019

У меня следующая структура JSX. 

<div css={content} style={{ minHeight: props.minHeight }}>
  <p css={description}>{props.description}</p>
</div>

Теперь мне нужно написать стиль, который изменит фон description при наведении content. Как написать это в эмоции, используя объект CSS.

Я пытался это сделать. Но это не сработало. 

const description = css({
  background: 'yellow'
})

const content = css({
  '&:hover': {
     [description]: {
        background: 'red',
     },
   },
})

Заранее спасибо!

...