SASS用于具有步骤的文本字体粗细

Question

我要迭代font-weight-100、200、300、400、500、600、700、800和900

这是我正在使用的功能

   @for $i from 100 through 900 {
    .font-weight-#{$i} {
       font-weight: 0 + ($i * 1);
      }
    }

问题是，它从100、101、102一直集成到900。如何使此功能更具性能？如何仅输出100、200、300、400、500、600、700、800和900值

Answer 1

最简单的解决方案是从1到9进行迭代并将其乘以100。

@for $i from 1 through 9 {
   .font-weight-#{$i * 100} {
      font-weight: ($i * 100);
   }
}