Exposing glamor style as default allowing different ways to import the css helpers

impronunciable · impronunciable · commit 6743e2b0146e · 2016-10-22T09:45:41.000+02:00
diff --git a/lib/css.js b/lib/css.js
@@ -1 +1,20 @@
-module.exports = require('glamor')
+const css = require('glamor')
+
+/**
+ * Expose style as default and the whole object as properties
+ * so it can be used as follows:
+ *
+ * import css, { merge } from 'next/css'
+ * css({ color: 'red' })
+ * merge({ color: 'green' })
+ * css.merge({ color: 'blue' })
+ */
+
+css.default = css.style
+Object.keys(css).forEach(key => {
+  if (key !== 'default') {
+    css.default[key] = css[key]
+  }
+})
+
+module.exports = css
