SASS h1 - h2... - h6
Bunun gibi bir SCSS stilim var, bunu daha verimli yazmak için SCSS'den for kullanmak istiyorum ama hata veriyor sebebi nedir?
@for $i from 1 through 6 {
h$i, .h#{$i} {
font-size: (2.5rem / $i);
}
}
Beklediğim çıktı:
h1, .h1 {
font-size: 2.5rem;
}
h2,.h2 {
font-size: 1.25rem;
}
h3, .h3 {
font-size: 0.8333333333rem;
}
h4, .h4 {
font-size: 0.625rem;
}
h5, .h5 {
font-size: 0.5rem;
}
h6, .h6 {
font-size: 0.4166666667rem;
}
Hata vermesinin sebebi şeklinde kullanamıyor olman. Şöyle düzeltirsen çalışacaktırh$i
@for $i from 1 through 6 {
h#{$i}, .h#{$i} {
font-size: (2.5rem / $i);
}
}