Петли для генерации данных атрибутов/свойств из переменных в LESS

Таким образом, я получил МЕНЬШЕ файл цветовых переменные:Петли для генерации данных атрибутов/свойств из переменных в LESS

@colorNameOne: #ff5722; 
@colorNameTwo: #ff5722; 
@colorNameThree: orange;

Я хочу, чтобы пройти через каждый цвет в этом списке и создавать что-то на этот счет

псевдопользователей Код

for each color: 

div[data-color="n"] { 
    background-color: @colorName 
}

где n является количество цвета вы находитесь. (т. е. n для @colorNameTwo является 2)

Пробовал несколько вещей, но я новичок в LESS-петлях, поэтому любые советы о том, как подойти к этому, будут очень признательны.

источник

2017-01-05 Afrophysics

Возможный дубликат [Петля через массив имен переменных в Less] (http://stackoverflow.com/questions/21440789/loop-through -array-of-variable-names-in-less) –

Добро пожаловать в SO. Пожалуйста, посмотрите [тур]. Вы также можете проверить [Какие темы я могу задать] (http://stackoverflow.com/help/on-topic) и [спросить], и как создать [mcve]. Отправьте код, который вы попробовали, и полученные вами ошибки. Будьте как можно более конкретными, так как это приведет к лучшим ответам. – happymacarts

@SergChernata Я пытаюсь избежать записи каждого имени цвета вручную, но это по-прежнему полезная ссылка по другим причинам. – Afrophysics

Вам необходимо сохранить colornames в массиве, а не отдельные переменные для каждого цвета.

После этого вы можете просто цикл над ним с индексом, чтобы вы хотите

источник

2017-01-05 19:16:37

Вы уверены, что это единственный способ добиться этого? Я пытаюсь избежать реструктуризации довольно большой библиотеки цветов. – Afrophysics

Если вы хотите сохранить цветовые переменные, просто сохраните их имена в другом массиве: с прямой ссылкой на ((div [data-color = "n"])) переменную. было бы таким же, как этот вопрос http://stackoverflow.com/questions/21440789/loop-through-array-of-variable-names-in-less –

Петли для генерации данных атрибутов/свойств из переменных в LESS

ответ

Смежные вопросы