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));
}