Add an example for Runkit.

README.md

@@ -28,6 +28,8 @@ For further details check out the [website](http://cssnano.co/):
 * [Full list of optimisations](http://cssnano.co/optimisations/).
 * [Customise the output (options documentation)](http://cssnano.co/options/).
 
+You can now [try cssnano online](https://runkit.com/npm/cssnano) via Runkit!
+
 
 ## Contributing
 

package.json

@@ -91,7 +91,8 @@
   "repository": "ben-eb/cssnano",
   "files": [
     "dist",
-    "LICENSE-MIT"
+    "LICENSE-MIT",
+    "quickstart.js"
   ],
   "nyc": {
     "exclude": [
@@ -104,5 +105,6 @@
   },
   "eslintConfig": {
     "extends": "cssnano"
-  }
+  },
+  "tonicExampleFilename": "quickstart.js"
 }

quickstart.js

@@ -0,0 +1,37 @@
+/*
+ * This example targets Node 4 and up.
+ */
+
+const cssnano = require('cssnano');
+
+/*
+ * Add your CSS code here.
+ */
+
+const css = `
+h1 {
+    color: #ff0000;
+    font-weight: bold;
+}
+`;
+
+/*
+ * Add your configuration here; see http://cssnano.co/options/ and
+ * http://cssnano.co/optimisations/ for more details.
+ *
+ * For example you can turn off z-index rebasing by setting `zindex: false`
+ * in your config, or you can use `safe: true` which will turn off unsafe
+ * optimisations.
+ */
+
+const opts = {
+
+};
+
+/*
+ * Compress the CSS asynchronously and log it to the console.
+ */
+
+cssnano.process(css, opts).then(result => {
+    console.log(result.css);
+});