Nested variables from js file

[Dave Geddes]

I'm passing some variables into postcss-simple-vars:

postcssSimpleVars({variables: require('./common/styles.js') })

Inside that file I'd like to namespace the styles like so:

  module.exports = {
     layout: {
       header: '300px'
    },
    theme: {
       main: '#ccc'
    }
  }

And then use these variables in my css files:

body{
  background: $theme.main
}

[Andrey Sitnik]

Maybe postcss-map is better for this case.

[Andrey Sitnik]

It makes code too diificult. Better do it in other plugin.

[Dave Geddes]

For anyone wanting nested variables I released a webpack loader for it.