feat: create separate stylesheet for keyframes

streamich · Mar 17, 2018 · 90a75a1 · 90a75a1
1 parent fd74dbf
commit 90a75a1
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/addon/keyframes.js b/addon/keyframes.js
@@ -5,6 +5,11 @@ exports.addon = function (renderer) {
         require('./__dev__/warnOnMissingDependencies')('keyframes', renderer, ['putRaw', 'put']);
     }
 
+    if (renderer.client) {
+        // Craete @keyframe Stylesheet `ksh`.
+        document.head.appendChild(renderer.ksh = document.createElement('style'))
+    }
+
     var putAtrule = renderer.putAtrule;
 
     renderer.putAtrule = function (__, keyframes, prelude) {
@@ -25,7 +30,7 @@ exports.addon = function (renderer) {
             str = prelude + '{' + str + '}';
 
             if (renderer.client) {
-                renderer.sh.appendChild(document.createTextNode(str));
+                renderer.ksh.appendChild(document.createTextNode(str));
             } else {
                 renderer.raw += str;
             }