如何在自定义 Bootstrap 中使用渐变？

Question

我想将自定义 sass Bootstrap 的原色设为渐变，但是当我将自定义变量定义为渐变时，我收到一条错误消息，提示

“错误：$color:linear-gradient(to right, #c33764, #1d2671) is not a 变暗的颜色。”

现在，我知道变暗用于稍后在变量文件和许多其他地方的链接，这意味着链接颜色比原色暗一个百分比。我怎样才能做到这一点？

这是我的 _custom.scss，它作为第一部分包含在 bootstrap.scss 中：

$celestial: linear-gradient(to right, #c33764, #1d2671);
$primary: $celestial;

Answer 1

linear-gradient 仅对 background css 属性有效，$primary 引导变量需要颜色。

您要做的是直接定位您想要应用渐变的元素，如下所示：

.navbar {
  background: linear-gradient(to right, #c33764, #1d2671);
}