Dynami c классы не генерируются. Что я делаю не так?

Question

Я пытаюсь создать динамическое c класс с использованием scss. По какой-то причине следующий код с s css не работает и классы не генерируются. Как я пытаюсь увидеть в консоли разработчика браузера, класс не генерируется.

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

$spacer: 1rem;
$sides: margin-top, margin-bottom, margin-left, margin-right;
$spacerMap: (0: 0, 1: 0.25, 2: 0.25, 3:1, 4: 1.5, 5:3);

@each $size, $approx in $spacerMap {
  $spacerApprox: ($spacer * $approx);
  .m-#{$size} {
    margin: $spacerApprox;
  };
  .p-#{size} {
    padding: $spacerApprox;
  };
  .ml-#{size} {
    margin-left: $spacerApprox;
  };
}

Answer 1

Вы пропустили $ с классами p и ml. Изменение, такое, что оно выглядит как .ml-#{$size} вместо .ml-#{size}, исправит проблему.