Перейти к содержанию

Домашнее задание 4

В этом домашнем задании вам предстоит написать код для генерации вспомогательных классов на основе предоставляемых данных в виде двух списков.

Входные данные будут такими:

// Имена классов
@listNames: black, red, purple, green, blue;
// Цвет
@listColors: #000000, #ff0000, #800080, #008000, #0000ff;

Индексы двух списков совпадают. Так, например, класс black имеет цвет #000000, а purple#800080.

Результат должен совпадать с вручную написанным CSS-кодом:

.color-black {
  color: #000000;
}
.color-red {
  color: #ff0000;
}
... .color-blue {
  color: #0000ff;
}

Замечание

Результат отформатирован вручную для наглядности.