SCSS - подсчитать размер шрифта с помощью rem

Question

Я хочу установить динамический размер шрифта, отсчитываемый от значения rem для всех моих заголовков, и я хочу сделать это в цикле for.Моя проблема в том, что я не знаю, как разделить число, чтобы получить такой результат:

• H1: 40px (2 rem)
• H2: 32px (1.51572rem)
• H3: 26 3902 пикс. (1.31951rem)
• H4: 20 пикс. (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;
    }
  }
}

Answer 1

Почему бы не использовать массив возможных значений вместо создания алгоритма, возвращающего правильное число. Вы можете создать массив с $myArray: (1,2,3,4) и использовать его следующим образом nth($myArray, $i+1) - см. Следующий пост Доступ к ключу массива в SASS