css - 如何在Sass的颜色图中设置线性渐变

我正在尝试在ionic 2项目的颜色图中设置线性渐变，但始终会遇到错误。

$color (
  light:    #fefefe,
  dark:     #333,
  cool:     linear-gradient('#0005de', '#12dfff')
)

如何设置线性渐变

最佳答案

地图的设置应如下所示：

$color: (
  light: #444,
  dark: #111,
  cool: linear-gradient(#0005de, #12dfff)
);

注意：如果要更改线性渐变的旋转，应使用类似linear-gradient(45deg, #0005de, #12dfff)的语法。另外，＃111比＃444暗。

要将颜色用作属性值，您将必须使用map-get函数，如下所示：

.selector {
  background: map-get($color, cool);
}