如何将bootstrap vue主题颜色设置为css变量

Question

我正在使用bootstrap vue，希望能够在运行时(编译scs后(动态覆盖主题颜色。为此，我遵循以下指南：https://bootstrap-vue.org/docs/reference/theming要将引导程序主题颜色设置为css变量：

$theme-colors: (
"info": var(--info)
);
@import "node_modules/bootstrap/scss/bootstrap";

然而，当我编译scs时，我会得到以下错误：

SassError: argument `$color-2` of `mix($color-1, $color-2, $weight: 50%)` must be a color
on line 106 of node_modules/bootstrap/scss/_functions.scss, in function `mix`

有可能像我想要的那样注入css变量吗？如果是，怎么办？

Answer 1

看起来我遇到了对bootstrap的scs的已知限制。此博客概述了一个通过覆盖引导功能的解决方法：使用CSS变量在运行时更改引导主题

然而，据报道它不适用于IE 11。