С помощью вложенных правил можно не только обращаться к дочерним элементам, но и составлять по частям комплексные названия классов. Например, следующий код:
.super-button-red {
color: red;
}
.super-button-blue {
color: blue;
}
можно записать проще c помощью вложенных правил:
.super-button {
&-red { color: red; }
&-blue { color: blue; }
}
То есть, если перед вложенным правилом поставить амперсанд &, то
оно станет родственным родительскому, и LESS подставит родительский селектор вместо амперсанда.
Воспользуемся этой особенностью для структурирования кода нашей цветовой схемы. Cоздадим второй цвет палитры — яркий акцентный цвет ошибки, повернув цветовое колесо на 60° по часовой стрелке относительно базового, чтобы цвет сместился в красную область.
Сохраним полученный цвет в переменной и зададим с её помощью фон второго контейнера.
@distance задайте значение
60. @error-color вычислите
с помощью функции spin, повернув базовый цвет
@base-color на величину @distance.Обсуждение и комментарии
Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.
Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.