feat: work on hydration

streamich · Mar 17, 2018 · 5f4dc5c · 5f4dc5c
1 parent 9de1af8
commit 5f4dc5c
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 9 deletions.
diff --git a/addon/hydrate.js b/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;
 

diff --git a/docs/hydrate.md b/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

diff --git a/docs/rule.md b/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.

diff --git a/docs/style.md b/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>
 ```