Animations doesn't work

[lbineau]

First, thank you for sharing this amazing collection of mixins it's a time saver. I have a problem with animations

What i have in my main.less (3l-mini.less & animation1.less are in the same folder):

@import "3l-mini"; @import "animation1"; .animation1 () { /* your @keyframes rules */ } .someClassName { .animation(.animation1 1s); }

What i get with both JS official compiler or SimpLess compiler : Syntax Error on line 7 in main.less on line 7, column 16:

6.someClassName { 7 .animation(.animation1 1s); 8 }

Any idea ? I'm using the last version of Less and HTML5 boilerplate.

[lbineau]

Ok i found the problem. It is in fact a problem of documentation.

.animation(.animation1 1s);

Should be

.animation(animation1 1s); // (remove the dot from animation1)

I found another problem in 3L-maxi.less (line 1034-1035)

from (margin-top: 3px;)
to (margin-top: 333px;)

Should be

from {margin-top: 3px;}
to {margin-top: 333px;}

[mateuszkocz]

Thank you for pointing that issue and providing the solution! I've updated the website and the changes in the documentation (3l-maxi.less) will be included in the next 3L update.