Lesshat and keyframes

[alexandru-calinoiu]

Hi,

I have the follwoing less code that uses lesshat:

// FadeIn
.fadeIn(@delay: 0) {
    .animation-delay(@delay);
    .animation-name(fadeIn);
    .animation-duration(1.5s);
    .animation-fill-mode(forwards);
    .transition-timing-function(ease-in-out);
}

.keyframes(~'fadeIn, 0% { transform: scale(0); opacity: 0.0; } 60% { transform: scale(1.1); } 80% { transform: scale(0.9); opacity: 1; } 100% { transform: scale(1); opacity: 1; }');

When compiling this I will get the following error:

ExecJS::ProgramError 

Unclosed block
@-o-keyframes fadeIn{ 0% { -o-transform: scale(0); opacity: 0.0; }}
@keyframes fadeIn{ 0% {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0); opacity: 0.0; };
^
}

[cowboyd]

My guess is that this is a syntax error in your less code.