Merge branch 'psrebniak-master'

Author: fritz-c

package.json

@@ -65,7 +65,7 @@
     "react-hot-loader": "^1.3.0",
     "rimraf": "^2.5.3",
     "sass-loader": "^4.0.0",
-    "style-loader": "^0.13.1",
+    "isomorphic-style-loader": "^2.0.0",
     "webpack": "^1.13.1",
     "webpack-dev-server": "^1.14.1"
   },

src/examples/cats/app.js

@@ -96,6 +96,12 @@ class App extends Component {
         this.movePrev = this.movePrev.bind(this);
     }
 
+    componentDidMount() {
+        if (window) {
+            styles._insertCss();
+        }
+    }
+
     openLightbox() {
         this.setState({ isOpen: true });
     }

src/react-image-lightbox.js

@@ -167,6 +167,7 @@ class ReactImageLightbox extends Component {
 
     componentDidMount() {
         this.mounted = true;
+        ReactImageLightbox.loadStyles();
         this.attachListeners();
 
         this.loadAllImages();
@@ -1218,6 +1219,13 @@ class ReactImageLightbox extends Component {
         };
     }
 
+    static loadStyles() {
+        // Insert component styles
+        if (typeof window === 'object') {
+            styles._insertCss();
+        }
+    }
+
     render() {
         const {
             animationDisabled,

webpack.config.demo.babel.js

@@ -40,7 +40,7 @@ module.exports = {
             {
                 test: /\.scss$/,
                 loaders: [
-                    'style-loader',
+                    'isomorphic-style-loader',
                     'css-loader?modules&-autoprefixer&importLoaders=1&localIdentName=[local]___[hash:base64:5]',
                     'postcss-loader',
                     'sass-loader',

webpack.config.dev.babel.js

@@ -42,7 +42,7 @@ module.exports = {
             {
                 test: /\.scss$/,
                 loaders: [
-                    'style-loader',
+                    'isomorphic-style-loader',
                     'css-loader?modules&-autoprefixer&importLoaders=1&localIdentName=[local]___[hash:base64:5]',
                     'postcss-loader',
                     'sass-loader',

webpack.config.umd.babel.js

@@ -48,7 +48,7 @@ module.exports = {
             {
                 test: /\.scss$/,
                 loaders: [
-                    'style-loader',
+                    'isomorphic-style-loader',
                     'css-loader?modules&-autoprefixer&importLoaders=1&localIdentName=[local]___[hash:base64:5]',
                     'postcss-loader',
                     'sass-loader',