将渐变与scss颜色贴图一起使用-可能吗?

不幸的是,你不能。至少不能这样。

这个 btn 班 uses the values 从…起 $theme-colors 像这样:

@each $color, $value in $theme-colors {
  .btn-#{$color} {
    @include button-variant($value, $value);
  }
}

这通常允许您使用该类 btn-brand-gradient 正如您所建议的,如果您将类添加到 $主题颜色 。

如果你 take a look at the mixin button-variant() 您将看到它使用另一个名为 gradient-bg() 用于按钮背景和边框。

在里面 this mixin ,背景设置如下:

background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;

这个 $color CSS中的参数 linear-gradient 必须是有效的 color value ,在这种情况下,不会出现线性渐变。