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