Merge pull request #20 from streamich/feat/sheet

Feat/sheet

Author: streamich

addon/keyframes.js

@@ -5,14 +5,13 @@ exports.addon = function (renderer) {
         require('./__dev__/warnOnMissingDependencies')('keyframes', renderer, ['putRaw', 'put']);
     }
 
-    var putAtrule = renderer.putAtrule;
-    var stylesheet;
-
     if (renderer.client) {
-        stylesheet = document.createElement('style');
-        document.head.appendChild(stylesheet);
+        // Craete @keyframe Stylesheet `ksh`.
+        document.head.appendChild(renderer.ksh = document.createElement('style'))
     }
 
+    var putAtrule = renderer.putAtrule;
+
     renderer.putAtrule = function (__, keyframes, prelude) {
         // @keyframes
         if (prelude[1] === 'k') {
@@ -31,7 +30,7 @@ exports.addon = function (renderer) {
             str = prelude + '{' + str + '}';
 
             if (renderer.client) {
-                stylesheet.appendChild(document.createTextNode(str));
+                renderer.ksh.appendChild(document.createTextNode(str));
             } else {
                 renderer.raw += str;
             }

index.js

@@ -38,28 +38,21 @@ exports.create = function (config) {
         }
     }, config);
 
-    var sheet, stylesheet;
-
     if (renderer.client) {
-        if (process.env.NODE_ENV === 'production') {
-            sheet = document.head.appendChild(document.createElement('style')).sheet;
-        } else {
-            stylesheet = document.createElement('style');
-            document.head.appendChild(stylesheet);
-        }
+        document.head.appendChild(renderer.sh = document.createElement('style'));
 
         renderer.putRaw = function (rawCssRule) {
             if (process.env.NODE_ENV === 'production') {
-                sheet.insertRule(rawCssRule, 0);
+                renderer.sh.sheet.insertRule(rawCssRule, 0);
             } else {
                 try {
-                    stylesheet.sheet.insertRule(rawCssRule, 0);
+                    renderer.sh.sheet.insertRule(rawCssRule, 0);
                 } catch (error) {
                     // eslint-disable-next-line
                     console.info('Could not insert CSS rule.');
                     console.error(error);
 
-                    stylesheet.appendChild(document.createTextNode(rawCssRule));
+                    renderer.sh.appendChild(document.createTextNode(rawCssRule));
                 }
             }
         };