feat: work on hydration

Author: streamich

addon/hydrate.js

@@ -21,10 +21,8 @@ exports.addon = function (renderer, id) {
 
         var cssRules = stylesheet.cssRules;
 
-        for (var i = 0; i < cssRules.length; i++) {
-            var rule = cssRules[i];
-            hydrated[rule.selectorText] = 1;
-        }
+        for (var i = 0; i < cssRules.length; i++)
+            hydrated[cssRules[i].selectorText] = 1;
 
         var put = renderer.put;
 

docs/hydrate.md

@@ -7,7 +7,7 @@ html += `<style id="nano-css">${nano.raw}</style>`;
 ```
 
 That's it! `hydrate` addon will find this stylesheet in the browser and will not emit CSS
-rules that are already there.
+rules that were already generated by the server.
 
 
 ## Installation

docs/rule.md

@@ -33,8 +33,6 @@ and semantic reasons.
 const className = rule(css, 'RedText');
 ```
 
----
-
 > __P.S.__
 >
 > If you specify all style names explicitly, you don't need to install `stable` addon.

docs/style.md

@@ -90,7 +90,7 @@ const Button = style(ButtonWhitelist, {
     // ...
 });
 
-<Button title="Click it!" onClick={}>Click me!</Button>
+<Button primary small title="Click it!" onClick={}>Click me!</Button>
 ```
 
 
@@ -106,7 +106,7 @@ const Button = style(ButtonBlacklist, {
     // ...
 });
 
-<Button title="Click it!" onClick={}>Click me!</Button>
+<Button primary small title="Click it!" onClick={}>Click me!</Button>
 ```