SASS h1 - h2... - h6 | Cevap #3897

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;
}