Sass Map и For Loop не компилируются

Question

У меня возникли некоторые проблемы при попытке заставить мой цикл Sass @for работать с установленной мною картой переменных значений spacer.

Обычно приведенный ниже код будет работать, даже если я не заинтересованили если на самом деле что-то я сделал неправильно.

Вот моя карта Sass:

$spacer:   1rem;

$spacers:(
   0: 0,
   1: ($spacer * .25),
   2: ($spacer * .5),
   3: $spacer,
   4: ($spacer * 1.5),
   5: ($spacer * 3),
   6: ($spacer * 4)
);

Вот цикл for, который я пытаюсь заставить работать:

@for $i from 0 through 6 {
   .padd-top-#{$i} {
      padding-top: map-get($spacers, #{$i});
   }
}

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

Answer 1

Вы работаете с числами, не используйте синтаксис интерполяции: #{ }

$spacer:   1rem;

$spacers:(
   0: 0,
   1: $spacer * .25,
   2: $spacer * .5,
   3: $spacer,
   4: $spacer * 1.5,
   5: $spacer * 3,
   6: $spacer * 4
);

@for $i from 0 through 6 {
   .padd-top-#{$i} {
      padding-top: map-get($spacers, $i);
   }
}