upd. readme and dependencies

Author: DAVID♥

README.md

@@ -1,21 +1,82 @@
 # group-css-media-queries-loader
-Webpack loader : group-css-media-queries
+<div align="center">
+  <a href="https://github.com/webpack/webpack">
+    <img width="200" height="200"
+      src="https://webpack.js.org/assets/icon-square-big.svg">
+  </a>
+</div>
 
 A [group-css-media-queries](https://github.com/Se7enSky/group-css-media-queries) loader for [webpack](https://github.com/webpack/webpack).
 
+
 [![npm version](https://badge.fury.io/js/group-css-media-queries-loader.svg)](https://badge.fury.io/js/group-css-media-queries-loader)
 
 
 
+##Install
+```bash
+npm install group-css-media-queries-loader --save-dev
+//or
+yarn add group-css-media-queries-loader --dev
+```
+
+
+
+##Usage
+
+Use the loader either via your webpack config, CLI or inline.
+
+### Via webpack config (recommended)
+
+**webpack.config.js**
 ```js
-var css = require('!raw!group-css-media-queries!./file.css'); // Just the CSS
-var css = require('!css!group-css-media-queries!./file.css'); // CSS with processed url(...)s
+module.exports = {
+  module: {
+    rules: [
+      {
+        test: /\.css$/,
+        use: [
+          'style-loader',
+          'css-loader',
+          'group-css-media-queries-loader'
+        ]
+      }
+    ]
+  }
+}
+```
+
+
+**In your application**
+```js
+import css_min from 'style.css';
 ```
 
-See [css-loader](https://github.com/webpack/css-loader) to see the effect of processed `url(...)`s.
+### CLI
 
-Or within the webpack config:
+```bash
+webpack --module-bind 'css=style-loader!css-loader!group-css-media-queries-loader'
+```
 
+**In your application**
+```js
+import css_min from 'style.css';
+```
+
+### Inline
+
+**In your application**
+```js
+import css_min from 'style-loader!css-loader!group-css-media-queries-loader!./style.css';
+```
+
+
+
+
+
+
+**Examples (for webpack 1.x):**
+**webpack.config.js**
 ```js
 module: {
   loaders: [{
@@ -24,3 +85,8 @@ module: {
   }]
 }
 ```
+**In your application**
+```js
+var css = require('!raw!group-css-media-queries!./file.css'); // Just the CSS
+var css = require('!css!group-css-media-queries!./file.css'); // CSS with processed url(...)s
+```

index.js

@@ -1,4 +1 @@
-/**
- * Created by asd on 25/01/16.
- */
 module.exports = require('group-css-media-queries');

package.json

@@ -1,20 +1,26 @@
 {
-  "name": "group-css-media-queries-loader",
-  "version": "0.0.1",
-  "description": "Webpack loader",
-  "main": "index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "keywords": [
-    "webpack",
-    "loader",
-    "css",
-    "media-queries"
-  ],
-  "author": "♥",
-  "license": "ISC",
-  "dependencies": {
-    "group-css-media-queries": "^1.1.1"
-  }
-}
+	"name": "group-css-media-queries-loader"
+	, "version": "0.0.1"
+	, "main": "index.js"
+	, "keywords": [
+		"webpack"
+		, "loader"
+		, "css"
+		, "media-queries"
+		, "media"
+	]
+	, "description": "Webpack loader. CSS postprocessing: group media queries. Useful for postprocessing preprocessed CSS files."
+	, "license": "ISC"
+	, "repository": {
+		"type": "git"
+		, "url": "https://github.com/retyui/group-css-media-queries-loader.git"
+	}
+	, "author": "retyui <vamnemne@gmail.com>"
+	, "bugs": {
+		"url": "https://github.com/retyui/group-css-media-queries-loader/issues"
+	}
+	, "homepage": "https://github.com/retyui/group-css-media-queries-loader"
+	, "dependencies": {
+		"group-css-media-queries": "^1.4.1"
+	}
+}