将文本打印到变量

Question

我希望此代码正常运行。目前，它只是吐出变量名而不是值。

这是一些代码。

  @each $i, $c in $color-list {
    &.#{$c} {
      @include button-default-type-replacer($white, #{$c + '-8'}, #{$c + '-9'});
    }
  }

没有输出错误。但这就是镀铬检查器中所说的。

button.grape, .button.grape {
    border-color: grape-9 !important;
    color: grape-9 !important;
    background-color: transparent !important;
}

当然还有前两行。

他们不应该说“ grape-9”，它应该是一个十六进制值。

颜色列表：

$color-list: (
  $gray-list: 'gray',
  $red-list: 'red',
  $pink-list: 'pink',
  $grape-list: 'grape',
  $violet-list: 'violet',
  $indigo-list: 'indigo',
  $blue-list: 'blue',
  $cyan-list: 'cyan',
  $teal-list: 'teal',
  $green-list: 'green',
  $lime-list: 'lime',
  $yellow-list: 'yellow',
  $orange-list: 'orange'
);

值$ i给出错误。据我所知并不重要。