从 SCSS 中的变量分配多个值答案

【问题标题】：Assign multiple values from variable in SCSS从 SCSS 中的变量分配多个值
【发布时间】：2020-06-21 21:32:15
【问题描述】：

我有一个名为 classes 的变量，其中每个键都有样式值

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

我在scss 中写@each 规则，如下所示。

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

我可以获得class 名称，但无法在此处添加所有值。知道怎么做。

【问题讨论】：

标签： sass

【解决方案1】：

我找到了上述问题的解决方案。我们不能直接在 scss 中分配 key - value 对。

这里我们需要应用@each循环直到结束

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

【讨论】：