{"action":"created","issue":{"url":"https://api.github.com/repos/react-toolbox/react-toolbox/issues/468","repository_url":"https://api.github.com/repos/react-toolbox/react-toolbox","labels_url":"https://api.github.com/repos/react-toolbox/react-toolbox/issues/468/labels{/name}","comments_url":"https://api.github.com/repos/react-toolbox/react-toolbox/issues/468/comments","events_url":"https://api.github.com/repos/react-toolbox/react-toolbox/issues/468/events","html_url":"https://github.com/react-toolbox/react-toolbox/issues/468","id":150064819,"number":468,"title":"Import directives may not be used within control directives or mixins","user":{"login":"gustavohenrique","id":51675,"avatar_url":"https://avatars.githubusercontent.com/u/51675?v=3","gravatar_id":"","url":"https://api.github.com/users/gustavohenrique","html_url":"https://github.com/gustavohenrique","followers_url":"https://api.github.com/users/gustavohenrique/followers","following_url":"https://api.github.com/users/gustavohenrique/following{/other_user}","gists_url":"https://api.github.com/users/gustavohenrique/gists{/gist_id}","starred_url":"https://api.github.com/users/gustavohenrique/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gustavohenrique/subscriptions","organizations_url":"https://api.github.com/users/gustavohenrique/orgs","repos_url":"https://api.github.com/users/gustavohenrique/repos","events_url":"https://api.github.com/users/gustavohenrique/events{/privacy}","received_events_url":"https://api.github.com/users/gustavohenrique/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2016-04-21T12:50:04Z","updated_at":"2016-04-21T14:37:59Z","closed_at":null,"body":"It's my `webpack.config.js`:\r\n```\r\nvar webpack = require('webpack');\r\n\r\nmodule.exports = {\r\n  entry: [\r\n    'webpack-dev-server/client?http://localhost:8080',\r\n    'webpack/hot/only-dev-server',\r\n    './app/scripts/index.jsx'\r\n  ],\r\n  module: {\r\n    loaders: [{\r\n      test: /\\.jsx?$/,\r\n      exclude: /node_modules/,\r\n      loader: 'react-hot!babel'\r\n    }, {\r\n      test: /(\\.scss|\\.css)$/,\r\n      loaders: ['style', 'css', 'sass']\r\n    }]\r\n  },\r\n  resolve: {\r\n    extensions: ['', '.js', '.jsx', '.scss']\r\n  },\r\n  output: {\r\n    path: __dirname + '/dist',\r\n    publicPath: '/',\r\n    filename: 'main.js'\r\n  },\r\n  devtool: 'cheap-module-eval-source-map',\r\n  devServer: {\r\n    contentBase: './dist',\r\n    hot: true\r\n  },\r\n  plugins: [\r\n    new webpack.HotModuleReplacementPlugin(),\r\n    new webpack.DefinePlugin({\r\n      __DEV__: JSON.stringify('true'),\r\n    })\r\n  ]\r\n};\r\n```\r\n\r\nWhen I run `./node_modules/.bin/webpack-dev-server --progress --colors`:\r\n\r\n```\r\nERROR in ./~/css-loader!./~/sass-loader!./~/react-toolbox/lib/link/style.scss\r\nModule build failed:\r\n  @import \"./colors\";\r\n ^\r\n      Import directives may not be used within control directives or mixins.\r\n      in /Users/gustavo/src/gh1/client/react_redux/node_modules/react-toolbox/lib/_base.scss (line 4, column 3)\r\n @ ./~/react-toolbox/lib/link/style.scss 4:14-102 13:2-17:4 14:20-108\r\n```\r\n\r\nMy `package.json`:\r\n\r\n```\r\n\"devDependencies\": {\r\n    ...\r\n    \"node-sass\": \"^3.5.1\",\r\n    \"sass-loader\": \"^3.2.0\",\r\n    \"style-loader\": \"^0.13.1\",\r\n    \"toolbox-loader\": \"0.0.3\",\r\n    \"postcss-loader\": \"^0.8.2\"\r\n}\r\n```"},"comment":{"url":"https://api.github.com/repos/react-toolbox/react-toolbox/issues/comments/212948986","html_url":"https://github.com/react-toolbox/react-toolbox/issues/468#issuecomment-212948986","issue_url":"https://api.github.com/repos/react-toolbox/react-toolbox/issues/468","id":212948986,"user":{"login":"eriwin","id":3142606,"avatar_url":"https://avatars.githubusercontent.com/u/3142606?v=3","gravatar_id":"","url":"https://api.github.com/users/eriwin","html_url":"https://github.com/eriwin","followers_url":"https://api.github.com/users/eriwin/followers","following_url":"https://api.github.com/users/eriwin/following{/other_user}","gists_url":"https://api.github.com/users/eriwin/gists{/gist_id}","starred_url":"https://api.github.com/users/eriwin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/eriwin/subscriptions","organizations_url":"https://api.github.com/users/eriwin/orgs","repos_url":"https://api.github.com/users/eriwin/repos","events_url":"https://api.github.com/users/eriwin/events{/privacy}","received_events_url":"https://api.github.com/users/eriwin/received_events","type":"User","site_admin":false},"created_at":"2016-04-21T14:37:59Z","updated_at":"2016-04-21T14:37:59Z","body":"See https://github.com/react-toolbox/react-toolbox/issues/466#issuecomment-212887893 for a temporary solution"}}