Sass 离子2-创建主渐变色

如何在

变量中设置我的原色。scss

我不能这样做：

variables.scss:

$colors: (
  // primary:    #4caefe,

  primary2: linear-gradient(to right, #0fe2f3, #4caefe),
  secondary:  #32db64,
  danger:     #f53d3d,
  light:      #fff,
  dark:       #222,
  background: #f7f7f7
);

这是错误消息：

[12:53:30]  sass: ...top/GitHub/plenumo-ionic2/node_modules/ionic-angular/themes/ionic.functions.scss, line: 109
            The map color `primary` is not defined. Please make sure the color exists in your `$colors` map. For
            example: $colors: ( primary: #327eff );

     L109:    @error $error-msg;

如何将原色设置为要设置的渐变

下面是我使用变量的代码：

.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    border: 1px solid map-get($colors, primary);
    border-radius: 50%;
    background-color: transparent;
    background: map-get($colors, primary2);

    .ion-md-icon-play_1 {
        margin-left: 3px;
    }
}

---

不可能简单地更改主变量，以便在每个使用主变量的元素上使用它？因为渐变只适用于

反向属性

，所以设置得很好。也许你在颜色上有点困难

$colors: (
  primary:    linear-gradient(#0fe2f3, #4caefe),
  secondary:  #32db64,
  danger:     #f53d3d,
  light:      #fff,
  dark:       #222,
  background: #f7f7f7
);

.color{
  background-image: map-get($colors, primary);
}

---

首先，尝试删除或重命名地图中的“背景”键，我想这可能会导致错误。 在其他方面，您的代码工作正常，您可以检查输出。

---

如果对您没有帮助，请使用活动“primary”键向我提供错误信息。

您使用的是什么sass版本？问题似乎在于如何将元素的颜色设置为primary，而不是如何初始化它。@suraj例如，我尝试创建另一个变量

primary2

，然后将其指定为背景图像，但仍然存在相同的错误您可以在设置元素颜色的位置添加代码吗？