如何使用 SCSS 变量创建线性渐变？答案

【问题标题】：How to create linear gradient using SCSS variables?如何使用 SCSS 变量创建线性渐变？
【发布时间】：2021-10-24 17:35:32
【问题描述】：

我正在尝试使用 scss 变量创建线性渐变。这是我尝试过的。

$colour__social--ig:  linear-gradient(#fdc468 to #ee867c to #df4996);

然后我将颜色分配给.wrapper 类。

background-color: $colour__social--ig;

但我不知道为什么这不起作用。

【问题讨论】：

【解决方案1】：

渐变不能用作background-color。请改用background 属性。

【讨论】：

【解决方案2】：

您还必须为渐变指定方向，例如：

$colour__social--ig:  linear-gradient(to left, $startColor, $endColor);

【讨论】：