angular - Angular cli：如何防止 hsl 颜色在构建时转换为十六进制值

Question

我正在hsl向背景添加颜色值，但正在转换为hex值我如何配置angular-cli它不会发生。

示例应用程序https://stackblitz.com/edit/css-test-z?file=src%2Fstyles.scss

标签： angularangular-cli

Answer 1

您可以创建将值返回为 hsl 的 sass 函数，因此不会更改为十六进制

@function hsla($h, $s, $l) {
  @return unquote('hsl(#{$h}, #{$s}, #{$l})'); // hsla instead of hsl
}

.s{
  background-color: hsla(3, 100%, 61%); ;
}

演示 禁用转换 hsl()/hsla()