Как сделать миксин-карту для подобного использования?

Question

[DoubleWish]

Всем привет!

Есть очень полезная статья вот здесь для организации отступов — ссылка.

Пытаюсь сделать миксин для вот такого использования:

$levels: (
    blue: (80px, 96px, 128px, 128px, 144px, 192px, 256px),
    violet: (56px, 64px, 72px, 96px, 112px, 152px, 200px), 
    orange: (56px, 64px, 72px, 72px, 80px, 112px, 152px), 
    red: (32px, 40px, 40px, 48px, 48px, 64px, 88px), 
    green: (16px, 24px, 24px, 24px, 24px, 32px, 48px)
);

через @if map-has-key, но ничего не выходит.
Кто-то повторял подобное? Может это не через map надо делать?

Answer 1

[Flying]

map-has-key - это функция работы с map, у вас же по факту map of lists т.е. через map-has-key и map-get вы получаете элемент соответствующего "цвета", а обращение к элементам списка должно идти через функции работы со списками, к примеру через @for или @each, или, если вам известна позиция в списке - то через nth()