Цикл 19/30

я правильно понимаю, это можно применять вместо nth-child?

Нет, данный миксин “.generate-colors(@n)}” смотрит на классы monster-1, monster-2 и monster-3 (благодаря .monster-@{n}, где n - это цифра соответствующего класса).

Вызов .generate-colors(1) применит стили к .monster-1.
А повторный вызов .generate-colors(@n - 1) с новым условием позволяет расширить применение стилей на другие классы.
Если написано .generate-colors(2) то применино будет к monster-1 и monster-2. То есть в css будет запись: .monster-1, .monster-2 {background-color: #ff4136;}