У меня есть определенная хеш-таблица , которую я хочу преобразовать в mixins для использования.
Моя хеш-таблица выглядит так (но больше):
$headings = {
h1: {
size: 32px,
line-height: 32px,
letter-spacing: normal,
weight: $weight-bold
},
h2: {
size: 20px,
line-height: 24px,
letter-spacing: 0.25px,
weight: $weight-bold
},
h3: {
size: 20px,
line-height: 24px,
letter-spacing: normal,
weight: $weight-regular
}
}
И я хочу создать такие миксины, как это:
text-h1()
font-size $headings[h1][size]
font-weight $headings[h1][weight]
line-height $headings[h1][line-height]
letter-spacing $headings[h1][letter-spacing]
Но это не работает.Ничего не появляетсяЯ не уверен, как я могу получить значения, чтобы назначить их для правильной поддержки CSS.
Если я могу просто получить значение, я могу сделать каждый миксин вручную.
Если естьлучше подходить, просматривая хеш-таблицу с циклом, я тоже с удовольствием это использую.Но я не смог его создать.