• Теория
  • Теория

Условия и внешние переменные

Условия в примесях могут работать не только с параметрами, с которыми «вызвана» примесь, но и с переменными, объявленными вне примесей. Например, если создать примесь с условием, но без параметров:

Less.text-color() when (@theme = light) {
  color: white;
}

А потом создать внешнюю переменную и вызвать где-то примесь:

Less@theme: light;

.content {
  .text-color();
}

То условие выполнится, созданная примесь отработает:

CSS.content {
  color: white;
}

То есть можно управлять условиями примесей с помощью внешних переменных.

Давайте попробуем покрасить монстра в разные цвета в зависимости от значения одной переменной.

Хотите досконально разбираться в разметке, знать о доступности, строить сетки на флексбоксах? Записывайтесь на профессиональный курс по вёрстке первого уровня, проходящий c 27 мая по 29 июля 2024. До 29 апреля цена 21 900 ₽22 900 ₽

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Примеси в Less» тренажёра «Инструменты автоматизации: препроцессор» можно после регистрации и оформления подписки.