Inheriting classes from another module

[clessg]

Is there a way to inherit classes from a CSS module, or are there any good alternatives? See gajus/react-css-modules#34.

[svnm]

One approach I have been using, which is not really inheriting classes, but for reusable classes it can allow me to add styles from multiple css modules into a component.

let styles = {}
import grids from '../styles/grids.css'
import buttons from '../styles/buttons.css';
Object.assign(styles, grids, buttons)

example GIST

[Download]

Or, using ES6 object spread:

import grids from '../styles/grids.css'
import buttons from '../styles/buttons.css'
const styles = { ...grids, ...buttons }

In case of duplicates, the properties from the last object will overwrite previous objects.