Less документація російською мовою
Less - препроцесор CSS і це говорить про те, що він розширює мову CSS, додаючи такі можливості, як змінні, міксини, вложеності, функції і багато іншого, які зроблять Ваш CSS більш Новомосковскбельним, легким і розширюваним.
Після компіляції в CSS файлі буде:
Less можна використовувати в командному рядку, завдяки npm, завантажити у вигляді файлу сценарію (скрипта) в браузері або запусткать за допомогою широкої різноманітності сторонніх інструментів. Дивіться розділ Застосування Less для отримання більш докладної інформації
Найбільш простий шлях встановити Less на сервер, за допомогою npm, node.js пакетного менеджера, наприклад:
Використання командного рядка
Після установки, Ви можете викликати компілятор з командного рядка, як:
Скомпільований CSS буде виведений в stdout. Для збереження отриманих CSS стилів в файл, Ви можете використовувати команду:
Для виведення стисненого (мініфіцірованного) CSS, можна використовувати clean-css плагін. Коли плагін встановлений, стиснений CSS файл можна отримати додавши опцію --clean-css в командний рядок:
Використання в коді
Ви можете викликати компілятор в node.js, таким споcобом:
конфігурація
Ви можете передавати певні параметри для компіляції:
Дивіться розділ Застосування Less для отримання більш детальної інформації.
сторонні інструменти
Перейдіть в розділ Застосування Less для отримання повної інформації.
Кожна версія less.js також, завжди, явяляется rhino-сумісною.
Для запускай Less з командного рядка в Rhino версії необхідно два файли:
- less-rhino-
.js - виконання компілятора, - lessc-rhino-
.js - підтримка командного рядка.
Команда для запуску компілятора:
Тут буде скомпільовано styles.less файл і збережений в CSS styles.css. Параметри для вихідного файлу, необов'язкові. Якщо вони будуть пропущені, less виведе результат в stdout.
Використовувати less.js в браузері дуже корисно для розробки, але цей спосіб не рекомендується для загального застосування
Клієнтська сторона (в даном випадку браузер) - легкий і найбільш зручний спосіб познайомиться з Less, але не продуктивний, коли важливими елементами є надійність і продуктивність, ми рекоммендуем, попередньо, компілювати код за допомогою node.js або одного з безлічі строни доступрних варіантів.
Для початку, необхідно до .less стилям додати атрибут rel і задати йому значення "stylesheet / less":
Далі, скачати less.js і підключити його, як в тег
вашої сторінки:- Переконайтеся, що Ви підключили Ваші .less файли зі стилями перед less.js.
- При підключенні, більш ніж одного .less файлу, кожен з них, компілюється незалежно. Таким чином всі змінні, домішки, простору імен, які ви визначите в одному файлі, стануть недоступними в інших.
- Через одній і тій же політики браузерів, завантаження зовнішніх ресурсів вимагає включеного CORS
Налаштування в браузері
Властивості визначаються шляхом завдання їх в глобальному less об'єкті, перед підключенням :
Або для стислості вони можуть бути встановлені в якості атрибутів на тегах сценарію і посилань (потрібна підтримка браузера JSON.parse або polyfill).
дозволяє:
- Вільно завантажити і використовувати Less.js, повністю або частково, для особистих або комерційних цілей.
- Використовувати Less.js в пакеках або дистрибутивах, який Ви створили самі.
Забороняє вам:
- Поширювати лубую частина Less.js без посилання на джерело.
Вимагає від Вас:
- Вкласти копію ліцензії в будь-яке програмне забезпечення, яке Ви розробляєте використовуючи Less.js
- Вказувати аторство The Less Core Team, для будь-яких розробок, що включають в себе Less.js
Не вимагає від Вас:
- Включити джерело Less.js, при будь-яких модифікаціях, які ви зробили з ним, в програмне забезпечення, яке використовує Ваш змінений Less.js
- Назад передавати в Less.js зміни, которик Ви зробили самі (хоча, розробники less будуть тільки раді)
Повна версія ліцензії Less.js знаходиться в проектному репозиторії для більш докладної інформації.