hidace hidace - 1 month ago 23
CSS Question

How to apply global styles with CSS modules in a react app?

I'm currently using CSS Modules with React for my styling. So each of my components is importing in it's component specific css file, like so:

import React from 'react';
import styles from './App.css';

const example = () => (
<div className={styles.content}>
Hello World!
</div>
);

export default example;


This works fine when styling individual components, but how do I apply global styling (html, body, header tags, divs, etc.) that isn't component specific?

Answer

This can be done by simply adding:

require('./App.css');

(thanks @elmeister who correctly answered this question.)

Comments