feat: add basic keyframes() implementation

streamich · Mar 14, 2018 · cd3dcc7 · cd3dcc7
1 parent d47d212
commit cd3dcc7
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 1 deletion.
diff --git a/addon/jsx.js b/addon/jsx.js
@@ -8,7 +8,7 @@ exports.addon = function (renderer) {
     }
 
     if (process.env.NODE_ENV !== 'production') {
-        require('./__dev__/warnOnMissingDependencies')('styled', renderer, ['rule', 'cache']);
+        require('./__dev__/warnOnMissingDependencies')('jsx', renderer, ['rule', 'cache']);
     }
 
     renderer.jsx = function (fn, styles, block) {

diff --git a/addon/keyframes.js b/addon/keyframes.js
@@ -0,0 +1,22 @@
+'use strict';
+
+exports.addon = function (renderer) {
+    if (process.env.NODE_ENV !== 'production') {
+        require('./__dev__/warnOnMissingDependencies')('keyframes', renderer, ['rule']);
+    }
+
+    renderer.keyframes = function (styles, block) {
+        if (!block) {
+            block = renderer.hash(styles);
+        }
+        block = renderer.pfx + block;
+
+        var obj = {};
+
+        obj['@keyframes' + block] = styles;
+
+        renderer.put(block, obj);
+
+        return block;
+    };
+};
diff --git a/addon/rule.js b/addon/rule.js
@@ -1,6 +1,10 @@
 'use strict';
 
 exports.addon = function (renderer) {
+    if (process.env.NODE_ENV !== 'production') {
+        require('./__dev__/warnOnMissingDependencies')('rule', renderer, ['put']);
+    }
+
     renderer.rule = function (styles, block) {
         if (!block) {
             block = renderer.hash(styles);