css - 使用另一个颜色变量在 SCSS 中创建一个颜色变量

Question

我是 SCSS 的新手。但我正在为自己的所有元素设置一个入门工具包，遇到了一个问题，我不太确定如何在 Google 中搜索，所以我想在这里发帖。

例如，基本上我有一个名为 $main-color 的颜色变量。然后我希望能够设置我们对这种主要颜色的色调的变量。

我有以下内容，但它抛出错误。

$70-main: lighten($main-color, 30%);

我希望这会使我的主要颜色变亮 30%。

有比我更了解 SCSS 的人可以为此提供解决方案吗。

谢谢

大

Answer 1

这几乎是正确的。变量不能以数字开头:

$main-70: lighten($main-color,30%);