modularscale с точками останова генерирует одинаковые значения для каждой точки останова

Question

Я использую https://github.com/modularscale/modularscale-sass.

У меня есть эта настройка:

$font-size-base: 16px;
$modularscale: (
  base: $font-size-base,
  ratio: 1.067,
  768px: (
    ratio: 1.125,
  ),

);

Тогда я использую:

h1 {
  @include ms-respond(font-size, 12);
}

но выходной CSS дает одинаковое значение размера шрифта для двух точек останова:

h1 {
  font-size:66px;
}
@media (min-width:768px){
  h1 {
    font-size:66px;
  }
}

Используется только соотношение 1,125...

Что я делаю неправильно?

Спасибо

Answer 1

Я написал это, чтобы учесть постепенное изменение двух или более контрольных точек. Однако это требует двух или более точек останова, например, так:

$font-size-base: 16px; $modularscale: ( base: $font-size-base, ratio: 1.067, 450px: ( ratio: 1.067, ), 768px: ( ratio: 1.125, ), );

Что касается "что я делаю не так?"

Вполне понятно, что вы должны ожидать, что поведение будет работать с одной точкой останова. Я открою вопрос, чтобы сделать эту работу, как вы ожидаете.