- Теория
- Теория
Условия и внешние переменные
Условия в примесях могут работать не только с параметрами, с которыми «вызвана» примесь, но и с переменными, объявленными вне примесей. Например, если создать примесь с условием, но без параметров:
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
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.