LearnBoost/stylus — Issue #532: error when convert css to style with keyframes
Author: panosru
Created: 2012-01-20 02:35:34+00:00
State: open

Hello I got an error while I try to run `stylus --css wobble.css`.

Here is the css file:

@keyframes wobble {
0% { transform: translateX(0%); }
15% { transform: translateX(-25%) rotate(-5deg); }
30% { transform: translateX(20%) rotate(3deg); }
45% { transform: translateX(-15%) rotate(-3deg); }
60% { transform: translateX(10%) rotate(2deg); }
75% { transform: translateX(-5%) rotate(-1deg); }
100% { transform: translateX(0%); }
}

.wobble {
animation-name: wobble;
}

And this is the error I got:

root@dev:/home/rnd/domains/design.rnd/public_html/app-ui/public/css/animations# stylus --css wobble.css

/usr/local/lib/node_modules/stylus/node_modules/cssom/lib/parse.js:260
throw "unexpected }";
^
unexpected }