{"action":"created","issue":{"url":"https://api.github.com/repos/newtriks/generator-react-webpack/issues/198","repository_url":"https://api.github.com/repos/newtriks/generator-react-webpack","labels_url":"https://api.github.com/repos/newtriks/generator-react-webpack/issues/198/labels{/name}","comments_url":"https://api.github.com/repos/newtriks/generator-react-webpack/issues/198/comments","events_url":"https://api.github.com/repos/newtriks/generator-react-webpack/issues/198/events","html_url":"https://github.com/newtriks/generator-react-webpack/issues/198","id":140416933,"number":198,"title":"use scss variables across scss files","user":{"login":"codeofsumit","id":2399810,"avatar_url":"https://avatars.githubusercontent.com/u/2399810?v=3","gravatar_id":"","url":"https://api.github.com/users/codeofsumit","html_url":"https://github.com/codeofsumit","followers_url":"https://api.github.com/users/codeofsumit/followers","following_url":"https://api.github.com/users/codeofsumit/following{/other_user}","gists_url":"https://api.github.com/users/codeofsumit/gists{/gist_id}","starred_url":"https://api.github.com/users/codeofsumit/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/codeofsumit/subscriptions","organizations_url":"https://api.github.com/users/codeofsumit/orgs","repos_url":"https://api.github.com/users/codeofsumit/repos","events_url":"https://api.github.com/users/codeofsumit/events{/privacy}","received_events_url":"https://api.github.com/users/codeofsumit/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/newtriks/generator-react-webpack/labels/question","name":"question","color":"cc317c"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2016-03-12T21:02:00Z","updated_at":"2016-03-14T19:39:39Z","closed_at":null,"body":"so I started my first component:\r\n\r\n```\r\nrequire('styles/Branding.scss');\r\nrequire('styles/Cart.scss');\r\n\r\nimport React from 'react';\r\n\r\nclass Cart extends React.Component {\r\n    render() {\r\n        return (\r\n            <div className=\"cart\">\r\n                Cart\r\n            </div>\r\n        );\r\n    }\r\n}\r\n\r\nCart.defaultProps = {\r\n};\r\n\r\nexport default Cart;\r\n```\r\n\r\n`Branding.scss` has a lot of variables that I'd like to use inside `Cart.scss`.\r\nHow do I make `Branding.scss` globally available in all components? Preferably without `require`ing them inside each one.\r\n\r\n(Sorry I'm a React/Webpack beginner, coming from Angular, Gulp and stuff)"},"comment":{"url":"https://api.github.com/repos/newtriks/generator-react-webpack/issues/comments/196490057","html_url":"https://github.com/newtriks/generator-react-webpack/issues/198#issuecomment-196490057","issue_url":"https://api.github.com/repos/newtriks/generator-react-webpack/issues/198","id":196490057,"user":{"login":"weblogixx","id":757613,"avatar_url":"https://avatars.githubusercontent.com/u/757613?v=3","gravatar_id":"","url":"https://api.github.com/users/weblogixx","html_url":"https://github.com/weblogixx","followers_url":"https://api.github.com/users/weblogixx/followers","following_url":"https://api.github.com/users/weblogixx/following{/other_user}","gists_url":"https://api.github.com/users/weblogixx/gists{/gist_id}","starred_url":"https://api.github.com/users/weblogixx/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/weblogixx/subscriptions","organizations_url":"https://api.github.com/users/weblogixx/orgs","repos_url":"https://api.github.com/users/weblogixx/repos","events_url":"https://api.github.com/users/weblogixx/events{/privacy}","received_events_url":"https://api.github.com/users/weblogixx/received_events","type":"User","site_admin":false},"created_at":"2016-03-14T19:39:39Z","updated_at":"2016-03-14T19:39:39Z","body":"Hi @codeofsumit,\r\n\r\nI dont know a way to make it available globally. You could add an alias to the webpack config to require this one in your scss, then it would be a one liner.\r\n\r\nI will have a look at this, maybe we could include such a feature."}}