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

  • 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;
    }
  }
}
0
Freestyle09 25 जून 2019, 13:34

1 उत्तर

सबसे बढ़िया उत्तर

सही संख्या लौटाने वाले एल्गोरिदम बनाने के बजाय संभावित मानों की एक सरणी का उपयोग क्यों न करें। आप $myArray: (1,2,3,4) के साथ एक सरणी बना सकते हैं और इसे इस तरह उपयोग कर सकते हैं nth($myArray, $i+1) - निम्नलिखित पोस्ट देखें SASS में किसी सरणी कुंजी को एक्सेस करना

1
J. Knabenschuh 25 जून 2019, 13:50