2013-06-27 3 views
2

Что такое правильный синтаксис для свойства css «transform» в препроцессоре LESS? Ниже, например, выдает мне ошибку:LESS css "transform" синтаксис | на лету масштабирование с помощью LESS css?

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

} 

Ошибка: переменная «transform» не определена. Если преобразование не работает для масштабирования в less css, есть ли альтернатива?

http://less2css.org/

Edit: изменено название, и спросил связанный, более уместный вопрос:

Как я могу указать на лету масштабирование с использованием только меньше CSS и парит?

+1

Ну, в LESS вы используете '@ identifier' для имени переменной идентификатора. Если вы не указали переменную '@ transform', вы не сможете ее использовать. Если вы определили '@ transform', то сообщите нам, как вы это сделали, потому что в этом случае вы, вероятно, не должны получать эту ошибку. – ajp15243

ответ

8

Переменная @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)); 
} 
+0

О, хорошо. И, альтернативно, я мог бы сделать что-то вроде .transform (@scale: 1.1) {transform: @scale; } – Jefftopia

+0

Конечно, вы тоже могли бы это сделать. – cimmanon

+0

Скорее, .transform (@scale: 1.1) {transform: scale (@scale); } – Jefftopia