Метка: less

Less — Урок 15. Встроенные функции

Привет! Среди встроенных функций Less, чаще всего используются функции управления цветом, их и рассмотрим в последнем уроке Less. Данные функции обычно принимают параметры в тех же единицах, что и изменяемые ими значения, а проценты обрабатываются как абсолютные значения, которые привязаны к своим допустимым диапазонам. Color читать дальше…

Less — Урок 13. Циклы

Привет! В Less нет синтаксиса для циклов, но их можно сымитировать с помощью рекурсии.Рекурсия – это когда вызывается функция или миксин из самой себя. В Less для рекурсии можно использовать миксины. Создаем класс test, в котором используем миксин loop с передаваемым значением (5): .test { читать дальше…

Less — Урок 11. Наследование

Привет! В этом уроке говорим о наследовании в Less, а именно о том, каким образом дочерние селекторы могут использовать свойства родительских. Для наследования существует функция extend(), через которую мы обращаемся и получаем свойства необходимого селектора. По официальной документации, extend() является псевдо-классом. Extend() В index.less напишем читать дальше…

Урок 2. Компиляция на клиенте

Привет! В этом уроке рассказываю о том, как сделать компиляцию LESS на клиенте, что означает — непосредственно в браузере. Вариант 1. Компиляция LESS через консоль 1. Создаём папку, допустим, по названию урока, less 1.1. Устанавливаем плагин LESS в папку проекта, локально, с помощью команды в консоли: читать дальше…

Как сделать подсветку LESS в Sublime Text 3

Привет, друзья! Проходила курсы по основам Nodejs, Gulp и сейчас LESS, в которых было много примеров с less кодом. Этот код отображался белым цветом, потому что Sublime Text не понимал, что это за код. И почему бы сразу не поставить LESS, ведь сделать это очень читать дальше…

Наверх