Update README to include scoped/deep props

Author: dhharker

README.md

@@ -18,7 +18,7 @@ This loader is for that special case when you would like to import data from a j
 
 Probably you use [sass-loader](https://github.com/webpack-contrib/sass-loader) or [less-loader](https://github.com/webpack-contrib/less-loader) with Webpack. The usage in this case is pretty simple: just put the js-to-styles-var-loader before the sass-loader / less-loader in your webpack config:
 
-For sass-loader:  
+For sass-loader:
 ```js
 {
   rules: [
@@ -41,7 +41,7 @@ For sass-loader:
 }
 ```
 
-For less-loader:  
+For less-loader:
 
 ```js
 {
@@ -80,7 +80,7 @@ module.exports = colors;
 ```
 
 You can use this module in your favorite templates / frameworks etc., and you don't want to repeat yourself when using these colors in a sass file as variable (e.g. `$fancy-white: #FFFFFE; /*...*/ background-color: $fancy-white`). In this situation just require your module in the beginning of your sass module:
-```js
+```sass
 require('relative/path/to/colors.js');
 
 // ...
@@ -92,7 +92,7 @@ require('relative/path/to/colors.js');
 
 **The form of the required data is important**: it must be an object with key/values pair, the key will be the name of the variable.
 
-The js-to-styles-var-loader transforms this sass file and provides it in the following form for the sass-loader:  
+The js-to-styles-var-loader transforms this sass file and provides it in the following form for the sass-loader:
 
 ```js
 $fancy-white: #FFFFFE;
@@ -105,11 +105,50 @@ $fancy-black: #000001;
 
 #### Misc
 
-You can use other require forms (`require('relative/path/to/module').someProperty`), too.  
+You can import from named exports and properties of those, although the value of these must still be a flat list:
+
+```js
+// themes.js
+
+module.exports = {
+  themes: {
+    blue_theme: {
+      some_color: "#00f"
+    },
+    red_theme: {
+      some_color: "#f00"
+    }
+  },
+  default: {
+    some_color: "#aaa"
+  }
+};
+```
+
+Variables definitions are inserted into your sass/less file in place of the `require()` statement, so you can override variables inside blocks:
+
+```less
+
+require("themes.js").default;
+
+.someThing {
+  color: @some_color;
+}
+
+.theme-blue {
+  require("themes.js").themes.blue_theme;
+
+  .someThing {
+    color: @some_color;
+  }
+}
+
+
+```
 
 #### Demo
 
-You can try the loader via a small fake app in the `demo` folder:  
+You can try the loader via a small fake app in the `demo` folder:
 ```sh
 cd demo
 npm i
@@ -119,6 +158,6 @@ The webpack dev server serves the app on `localhost:8030`. In the app we share d
 
 #### Development
 
-Run tests with `npm test` or `npm run test:watch`.  
+Run tests with `npm test` or `npm run test:watch`.
 
 The transformer is developed with tdd, so if you would like to contribute, please, write your tests for your new functionality, and send pull request to integrate your changes.