0

@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!
    } 
}

ループは機能しますが、フォントサイズに関する部分を削除した場合のみです。このように動的に構築された変数を指すことはできますか?

4

2 に答える 2