html - 如何使用 SCSS 变量创建线性渐变？

Question

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

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

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

background-color: $colour__social--ig;

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

标签： htmlcsssassbackground-color

Answer 1

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

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