@for ループを使用して一連の見出しスタイルを作成していますが、次のように変数名で機能させることができません。
// Some variables (these work fine)
$h1-size: 3em;
$h2-size: 2em;
$h3-size: 1.6em;
etc...
// My loop
@for $i from 1 through 6 {
h#{$i} {
color: #333;
font-size: $h#{$i}-size; // DOESN'T WORK!
}
}
ループは機能しますが、フォントサイズに関する部分を削除した場合のみです。このように動的に構築された変数を指すことはできますか?