feat: add Atrule support

streamich · Mar 13, 2018 · 20882c4 · 20882c4
1 parent d545dee
commit 20882c4
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/.storybook/jsx.stories.js b/.storybook/jsx.stories.js
@@ -30,9 +30,9 @@ const Button = jsx('button', {
         position: 'relative',
         top: '2px',
     },
-    // '@media (max-width: 480px)': {
-        // width: '160px',
-    // }
+    '@media (max-width: 480px)': {
+        width: '160px',
+    }
 });
 
 storiesOf('jsx()', module)

diff --git a/lib/index.js b/lib/index.js
@@ -29,6 +29,7 @@ exports.create = function (h) {
     if (isClient) {
         var sheet = document.head.appendChild(document.createElement('style')).sheet;
         putRaw = function (rawCss) {
+            console.log('rawCss', rawCss);
             sheet.insertRule(rawCss, 0);
         };
     } else {
@@ -37,23 +38,27 @@ exports.create = function (h) {
         };
     }
 
-    var put = function (selector, decls) {
+    var put = function (selector, decls, atrule) {
         var str = '';
         var prop, value;
 
         for (prop in decls) {
             value = decls[prop];
 
             if (value instanceof Object) {
-                put(renderer.selector(selector, prop), value);
+                if (prop[0] === '@') {
+                    put(selector, value, prop);
+                } else {
+                    put(renderer.selector(selector, prop), value, atrule);
+                }
             } else {
                 str += renderer.decl(prop, value);
             }
         }
 
         if (str) {
             str = '.' + selector + '{' + str + '}';
-            putRaw(str);
+            putRaw(atrule ? atrule + '{' + str + '}' : str);
         }
     };