Назначьте несколько значений переменной в SCSS

Question

У меня есть переменная с именем classes, где каждый ключ имеет значения стиля

   $classes : (
     class1: (
       font-size: 15px,
       color: blue
     ),
     class2: (
      font-size: 20px,
      font-weight: 600,
      background-color: red
     )
    )

Я пишу правило @each в scss, как показано ниже.

    @each $key, $value in $classes {
      .#{$label} {
        // How to assign values here
      }
    }

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

Answer 1

Я нашел решение вышеуказанной проблемы. Мы не можем назначить пару key - value напрямую в s css.

Здесь нам нужно применить @each l oop до конца

@each $key, $value in $classes {
      .#{$label} {
         @each $key1, $value1 in $value {
          .#{$key1}: $value1
         }
      }
    }