{"action":"opened","issue":{"url":"https://api.github.com/repos/react-toolbox/react-toolbox/issues/955","repository_url":"https://api.github.com/repos/react-toolbox/react-toolbox","labels_url":"https://api.github.com/repos/react-toolbox/react-toolbox/issues/955/labels{/name}","comments_url":"https://api.github.com/repos/react-toolbox/react-toolbox/issues/955/comments","events_url":"https://api.github.com/repos/react-toolbox/react-toolbox/issues/955/events","html_url":"https://github.com/react-toolbox/react-toolbox/issues/955","id":188743044,"number":955,"title":"Applying Local Styles","user":{"login":"joaojoyce","id":5451182,"avatar_url":"https://avatars.githubusercontent.com/u/5451182?v=3","gravatar_id":"","url":"https://api.github.com/users/joaojoyce","html_url":"https://github.com/joaojoyce","followers_url":"https://api.github.com/users/joaojoyce/followers","following_url":"https://api.github.com/users/joaojoyce/following{/other_user}","gists_url":"https://api.github.com/users/joaojoyce/gists{/gist_id}","starred_url":"https://api.github.com/users/joaojoyce/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/joaojoyce/subscriptions","organizations_url":"https://api.github.com/users/joaojoyce/orgs","repos_url":"https://api.github.com/users/joaojoyce/repos","events_url":"https://api.github.com/users/joaojoyce/events{/privacy}","received_events_url":"https://api.github.com/users/joaojoyce/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-11-11T11:45:28Z","updated_at":"2016-11-11T11:45:28Z","closed_at":null,"body":"I am having problems applying local styles. \r\n\r\nThis is probably related to the Webpack configuration.\r\nCan someone point me in the right direction on how to solve this?\r\n\r\nI have created a file theme.scss:\r\n```\r\n.appBar {\r\n  background-color: #00b3ee;\r\n}\r\n```\r\n\r\nThen imported it:\r\n```\r\nimport theme from './theme.scss'\r\n```\r\n\r\nMy Webpack loader looks like:\r\n```\r\n\t{\r\n  \t\ttest: /\\.scss$/,\r\n  \t\tinclude: /(src|react-toolbox)/, // notice this\r\n  \t\tloaders: [\r\n    \t\t'style',\r\n    \t\t'css?sourceMap&modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss!sass'\r\n  \t\t]\r\n\t}\r\n```\r\n\r\nBut I'm getting this \r\n```\r\nERROR in ./~/css-loader?sourceMap&modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!./~/postcss-loader!./~/sass-loader!./~/style-loader?sourceMap!./~/css-loader?modules&importLoaders=1&localIdentName=[path]___[name]__[local]___[hash:base64:5]!./~/postcss-loader!./~/sass-loader!./src/Layouts/theme.scss\r\nModule build failed: \r\n.appBar {\r\n^\r\n      Invalid CSS after \"...load the styles\": expected 1 selector or at-rule, was \"var content = requi\"\r\n      in /Users/joaojoyce/Sites/eplus-webview/src/Layouts/theme.scss (line 1, column 1)\r\n```\r\n\r\nThank you very much.\r\n"}}
{"actor":{"display_login":"joaojoyce"}}