Как использовать .less?

Question

[Карина]

Смотрю видео про less. - Парень подключает less-1.7.3.js в свой html, создает файл .less и уже там начинает редактировать стиль; параллельно работает браузер - всё работает на лету - при сохранении данных в .less содержимое меняется.

У меня так не получается - получается - предварительно надо скомпилировать .less и получившийся .сss подключать к html. - Но это ладно, терпимо.

Проблема в другом у меня не работают функции .less'a. -

@darkRed: #B20000;
@LdarkRed: lighten (@maincolor, %30);

Где функция lighten - там стабильно ошибка. Компилятор - SimpLESS. В чем может быть проблема? В .css я ничего не подключала.

Еще я не понимаю - зачем надо подключать less-1.7.3.js в html, когда этот файл вообще не используется.

Всем спасибо за ответы

Comments

[naneri]

Есть ссылка на видео?

[Карина]

да я уже забыла где это находится

[Карина]

Короче, я не знаю как вы все с этим работаете. У меня на лету это делать не получается. Я открываю файл less.js и там где-то 200 ошибок. В предидущей версии 50. Как это всё работает непонятно.

Единственно, что у меня получилось это установить в терминале lessc и сбрасывать сгенерированный css в файл. Но это надо сохранить, потом скомпилировать, обновить страницу - короче, неудобно и медленно.

Answer 1

[Павел Гоголинский]

Ну тут несколько моментов
1) Сначала подключите файл .less со стилями, потом библиотеку less

<link rel="stylesheet/less" href="/css/style.less">
    <script src="/js/less.js"></script>

2) Обязательно укажите rel для .less файла
rel="stylesheet/less"
Все должно быть нормально после этого

Comments

[Карина]

да, так всё и делаю :'(

Answer 2

[Roman Zhak]

habrahabr.ru/post/136525

Answer 3

[Константин Китманов]

Затем и подключается less.js, чтобы всякие левые компиляторы не использовать. Очевидно, в SimpLESS устаревшая версия языка, без поддержки этой функции.