Условия | ||
---|---|---|
Примеси с условием |
|
В примесях можно использовать полноценные условия, которые могут изменять поведение примеси в зависимости от значений входных параметров.
Чтобы создать условие, нужно после названия примеси поставить ключевое слово when, за которым в скобках написать условную конструкцию. В условной конструкции допускаются следующие операторы: >, >=, =, =<, <. Также допустимо использовать встроенные функции LESS, которые возвращают конкретные значения. К примеру, в LESS есть встроенная функция lightness, которая принимает в качестве параметра значение цвета и возвращает степень его светлоты. Чёрный цвет обладает 0% светлоты, а белый — 100%. Вот пример её использования: |
Условия и внешние переменные |
|
Условия в примесях могут работать не только с параметрами, с которыми «вызвана» примесь, но и с переменными, объявленными вне примесей. Например, |
Условия и типы параметров |
|
Все эти функции возвращают true, если переданный в них параметр соответствует проверяемому типу. Таким образом можно создать универсальную примесь, которая в зависимости от типа переданных параметров будет работать по-разному. |
Циклы | ||
Циклы |
|
Генерирования целых CSS-правил. Цикл исполняется три раза, в каждой итерации создастся правило с переменной-счётчиком @n в качестве суффикса селектора: |