Allow to merge two stylings

Author: andreypopp

.gitignore

@@ -0,0 +1 @@
+node_modules/

README.md

@@ -20,7 +20,11 @@ Now you can write styles with the full power of JavaScript, `Button.styling.js`:
 
     export let self = styling({
       backgroundColor: 'red',
-      borderWidth: 1 + 10
+      borderWidth: 1 + 10,
+
+      hover: {
+        borderWidth: 100
+      }
     })
 
 And consume them, `Button.js`:

index.js

@@ -2,8 +2,21 @@
  * @copyright 2015, Andrey Popp
  */
 
+var deepmerge = require('deepmerge');
+
+var KEY = '@@styling';
+
+function Styling(spec) {
+  this[KEY] = spec;
+}
+
+Styling.prototype.merge = function(other) {
+  var nextSpec = deepmerge(this[KEY], other[KEY]);
+  return new Styling(nextSpec);
+}
+
 function styling(spec) {
-  return {'@@styling': spec};
+  return new Styling(spec);
 }
 
 module.exports = styling;

package.json

@@ -5,5 +5,9 @@
   "main": "index.js",
   "webpackLoader": "loader.js",
   "author": "Andrey Popp <[email protected]>",
-  "license": "MIT"
+  "license": "MIT",
+  "repository": "andreypopp/styling",
+  "dependencies": {
+    "deepmerge": "^0.2.10"
+  }
 }