Где настраиваются CSS Modules и как в CSS Module обозначить глобальные стили?

CSS Modules настраиваются интеграцией сборщика или framework; часто достаточно имени *.module.css. Для явного глобального селектора используется :global.

Например, .panel :global(.vendor-button) { color: red; } сохраняет локальный panel и обращается к внешнему классу. В Webpack правила задаёт css-loader, в других инструментах настройки отличаются. Не делайте весь файл глобальным без необходимости: это возвращает конфликты имён, от которых защищают modules.

Источник: github.com.