LESS css“transform”语法|使用LESS css进行即时扩展？

Question

预处理器LESS中css“transform”属性的正确语法是什么？例如，以下内容会引发错误：

.transform(scale(1.1)) {
    -webkit-transform: @transform;
    -moz-transform: @transform;
    -ms-transform: @trasnform;
    -o-transform: @transform;
    transform: @transform; 

}

错误：未定义变量“transform”。如果转换不能用于缩减css，那么还有其他选择吗？

http://less2css.org/

编辑：更改标题，并询问相关的，更相关的问题：

如何使用较少的css和hovers来指定动态缩放？

Answer 1

永远不会定义@transform变量：

.transform(@transform) {
    -webkit-transform: @transform;
    -moz-transform: @transform;
    -ms-transform: @transform; /* note that you have @trasnform here */
    -o-transform: @transform;
    transform: @transform; 

}

.foo {
  .transform(scale(1.1));
}