Привязка имен классов и глобальные классы

Question

Вот действительно глупый вопрос, на который я не смог найти ответов.

Как я могу объединить класс связанных модулей css с глобальным ?

У меня есть компонент с его собственным модулем css, и я привязываю cx к этому импорту:

import styles from '../styles/modules/break.module.scss'

let cx = classnames.bind(styles)

Мне нужно написать что-то вроде этого:

<h1 className={(cx('highlight'), 'shout')}>
  Content
</h1>

Где .highlight - это класс break.module.scss, а shout - это класс глобального css листа index.scss.

Спасибо!

Answer 1

Вам нужно добавить shout класс внутри cx. Все классы должны передаваться внутри функции cx, поскольку библиотека classnames принимает все классы внутри функции classnames.

<h1 className={cx('highlight', 'shout')}>
  Content
</h1>