代码之家  ›  专栏  ›  技术社区  ›  AbdulKareem

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

  •  1
  • AbdulKareem  · 技术社区  · 6 年前

    hsl 颜色值转换为背景,但正在转换为 hex 价值 angular-cli 这不会发生。

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

    1 回复  |  直到 6 年前
        1
  •  1
  •   Muhammed Albarmavi    6 年前

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

    @function hsla($h, $s, $l) {
      @return unquote('hsl(#{$h}, #{$s}, #{$l})'); // hsla instead of hsl
    }
    
    .s{
      background-color: hsla(3, 100%, 61%); ;
    }
    

    demo Disable converting hsl()/hsla()