线性梯度不适用于ionic3

Question

我正在尝试在Ionic3 variable.sass文件中创建一个新的渐变颜色。

$colors: (
  primary:    #4471C1,
  secondary:  #32db64,
  danger:     #f53d3d,
  light:      #f4f4f4,
  dark:       #222,
  newcolor: linear-gradient(#0fe2f3, #4caefe)
);

这给了我以下错误

The value`` must be a color.

如何添加渐变色？

Answer 1

您可以尝试如下所示。

app.scss

.toolbar-background {
    background: -webkit-linear-gradient(-55deg, #50a2a7 35%, #e9b44c 100%) !important;
}

UI

当我将它应用到我的应用时：