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

Смотрю видео про 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, когда этот файл вообще не используется.

Всем спасибо за ответы
  • Вопрос задан
  • 6774 просмотра
Решения вопроса 1
Ну тут несколько моментов
1) Сначала подключите файл .less со стилями, потом библиотеку less
<link rel="stylesheet/less" href="/css/style.less">
    <script src="/js/less.js"></script>

2) Обязательно укажите rel для .less файла
rel="stylesheet/less"
Все должно быть нормально после этого
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
romanzhak
@romanzhak
Mathematician
Ответ написан
Комментировать
k12th
@k12th
console.log(`You're pulling my leg, right?`);
Затем и подключается less.js, чтобы всякие левые компиляторы не использовать. Очевидно, в SimpLESS устаревшая версия языка, без поддержки этой функции.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы