rfviolato · February 2, 2017 00:20 · RafalFilipek · Jan 3, 2017
diff --git a/usage.css b/usage.css
 /* No imports needed */

 .nav {
  width: var(--Nav-mobile-height);
 }
diff --git a/usage.js b/usage.js
 import cssVariables from './variables.js';

 const myCssVar = cssVariables['--Nav-mobile-height'];
diff --git a/variables.js b/variables.js
 export default {
  '--Nav-mobile-height': '80px',
  (...your other variables)
 };
diff --git a/webpack.config.js b/webpack.config.js
 import cssVariables from './variables.js';

 const config = {};

 (...other webpack config stuff)

 config.postcss = () => ([
  cssnext({
    features: {
      customProperties: {
        variables: cssVariables,
      },
    },
  }),
  (...other plugins)
 ]);

 export default config;
	import cssVariables from './variables.js';

	const myCssVar = cssVariables['--Nav-mobile-height'];
	import cssVariables from './variables.js';

	const config = {};

	(...other webpack config stuff)

	config.postcss = () => ([
	cssnext({
	features: {
	customProperties: {
	variables: cssVariables,
	},
	},
	}),
	(...other plugins)
	]);

	export default config;