"keyframes" addon doesn't like sheet() about nano-css HOT 4 OPEN

I see, currently sheet treats every key at top level as a class name. I suspect this would work, if you nested @keyframes inside a class name:

nano.sheet({
  foo: {
    '@keyframes ...': {}
  }
});

But then it does not make much sense. In any case, I think we can make keyframes work in sheet as a top level key easily.

from nano-css.

How do you use it? Can you paste an example?

from nano-css.

Here's an embed: https://runkit.com/embed/w12vm65kiqky

Note that the .sheet() call generates class names instead of keyframes.

from nano-css.

I don't know if I should make a separate post, but the keyframes and virtual addons don't work together. The virtual addon tries to virtualize the keyframes and messes it up.

EDIT: It looks like it's a problem with virtual. I'll make a new ticket.

from nano-css.