Sass 将Gardiant和某个值混合在一起

我在Sass中的值为$mainColor:070517； 我想知道什么是最好的方式把这个Gardiant脚本，而不是那种颜色

background: -webkit-linear-gradient(to top, #24243e, #302b63, #0f0c29);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #24243e, #302b63, #0f0c29); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */```

您可以添加一个

---

非常感谢，我应该在我的代码中提到mainColor吗？$mainColor只是一个保存特定颜色值的变量，因此它可以应用于样式表中需要该颜色的任何位置：颜色、背景颜色、边框颜色，等等，你不能把梯度混合分配给那个变量，因为那是无效的CSW，还有什么替代方法呢？因为我的网站上有很多组件，我想让它们都具有相同的渐变风格。如果你想要多个规则，你可能需要编辑每个组件以包含mixin。你可以重用变量的唯一方法是，如果你给它一个值“线性梯度到顶部”，24243e，302b63，0f0c29，它可能无法覆盖所有浏览器。你太棒了！非常感谢。

@mixin my-gradient {
background: -webkit-linear-gradient(to top, #24243e, #302b63, #0f0c29);
background: linear-gradient(to top, #24243e, #302b63, #0f0c29);
}

div {
@include my-gradient;
}