FIXME: Temporary workaround for broken webpack string parsing

This problem should go away after a new release of css-loader gets cut
that includes css-selector-tokenizer >= 0.6.0

See webpack-contrib/css-loader#307

Author: trevormunoz

package.json

@@ -7,7 +7,7 @@
     "babel-loader": "6.2.4",
     "babel-preset-es2015": "6.13.2",
     "babel-preset-react": "6.11.1",
-    "css-loader": "0.23.1",
+    "css-loader": "git+ssh://[email protected]/webpack/css-loader.git",
     "eslint": "3.2.2",
     "eslint-loader": "1.5.0",
     "eslint-plugin-jsx-a11y": "2.0.1",

src/css/shim.css

@@ -0,0 +1,5 @@
+.site-title > h1 > span:nth-child(1)::after,
+.site-title > h1 > span:nth-child(2)::after {
+  content: '\A';
+  white-space: pre-wrap;
+}

src/js/main.js

@@ -2,6 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import Widget from './Widget';
 
+import "../scss/main.scss";
 window.console.log("Webpack works!");
 
 ReactDOM.render(