search

lxsmnsyc / solid-styled

Reactive stylesheets for SolidJS
MIT License
173 stars 10 forks source link

animation-bug: unwanted attributes with from/to #15

Closed bigmistqke closed 1 year ago

bigmistqke commented 1 year ago

animations are currently not working with css, because unwanted attributes are being added to the stylesheet.

from the solidjs-template (npx degit solidjs/templates/js my-app), the animation of the logo gets compiled to:

@keyframes c-Anonymous-c8d13f94-0-logo-spin{from[s\:c-Anonymous-c8d13f94-0]{transform:rotate(0deg)}to[s\:c-Anonymous-c8d13f94-0]{transform:rotate(360deg)}}

while it should be

@keyframes c-Anonymous-c8d13f94-0-logo-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
lxsmnsyc commented 1 year ago

Seems like the body of keyframes are being treated as style rules by the parser.

lxsmnsyc commented 1 year ago

Should be fixed in 0.7.5

bigmistqke commented 1 year ago

nice, works on my end too. thanks alexis 👍