Define custom media queries for all CSS module files?

[kcjpop]

Hi all,

I want to define a range of custom media queries that will be available in all CSS module files, but don't really know how to do so. I tried to define a config.css like this:

/* config.css */
@custom-media --md (width >= 768px);
@custom-media --lg (width >= 992px);
@custom-media --xl (width >= 1200px);
@custom-media --xxl (width >= 1400px);

Either including this in index.html, or import 'config.css'; in my App.js didn't work 😞

Any help would be appreciated 🙌