Estou precisando de 8 animações CSS3 diferentes que são muito parecidas, então usei MENOS para isso. Abaixo está o código, que funciona perfeitamente, com uma pequena falha - a variável @nam

.animation_top (@name, @pxFrom, @pxTo) {
    @-moz-keyframes @name {
        0% {
            top: @pxFrom;
            opacity: 0;
        }
        100% {
            top: @pxTo;
            opacity: 1;
        }
    }

    @-webkit-keyframes @name {
        0% {
            top: @pxFrom;
            opacity: 0;
        }
        100% {
            top: @pxTo;
            opacity: 1;
        }
    }

    @-ms-keyframes @name {
        0% {
            top: @pxFrom;
            opacity: 0;
        }
        100% {
            top: @pxTo;
            opacity: 1;
        }
    }
}

Por que os quadros-chave css são iniciados pelo sinal @, MENOS simplesmente ignora a variável @name. Existe alguma maneira de escapar do sinal do quadro-chave @ OU para forçar MENOS a, de alguma forma, renderizar o @name corretament