内置函数中的自定义属性，如 `rgba()` 抛出错误

Error evaluating function `rgba`: color functions take numbers as parameters

示例代码：

.box-1 {
      width: 50px;
      height: 50px;
      margin-bottom: 30px;
      background: rgba(@primaryColor, 1);
      border: 5px solid skyblue;
    }

:roots {
  --color-accent: 169,57,255;
}


button:hover {
  background-color: rgba(var(--color-accent), 0.2);
  color: rgb(var(--color-accent));
}

修改之后：

    .box-1 {
      width: 50px;
      height: 50px;
      margin-bottom: 30px;
      background: ~"rgba(@primaryColor, 1)";
      border: 5px solid skyblue;
    }

:roots {
    --color-accent: 169,57,255;
}
button:hover {
    background-color: ~"rgba(var(--color-accent), 0.2)";
    color: ~"rgb(var(--color-accent))";
}

标签：内置,自定义,color,50px,accent,--,rgba,var
来源： https://www.cnblogs.com/haohaogan/p/15753723.html