एससीएसएस - रेम के साथ फ़ॉन्ट आकार गिनें

मैं अपने सभी हेडर के लिए रेम वैल्यू से गिने जाने वाले डायनामिक फॉन्ट-साइज़ को सेटअप करना चाहता हूं और मैं इसे लूप के लिए करना चाहता हूं। मेरी समस्या यह है कि मुझे नहीं पता कि यह परिणाम प्राप्त करने के लिए संख्या को कैसे विभाजित किया जाए:

• H1 : 40px (2 रेम)
• एच२: ३२पीएक्स (१.५१५७२रेम)
• H3 : 26,3902px (1.31951rem)
• H4 : 20px (1 रेम)

पाश के लिए:

@for $i from 1 through 6 {
  h#{$i} {
    margin-bottom: 1.4rem;
    line-height: (2.8rem / 1.33333333333);
    font: {
      size: 3.2rem - ($i * 0.8);
      family: $header-font;
    }
  }
}