如何禁用将我的Next.js颜色转换为hsla

Question

我编写了CSS来显示网格模式，如下所示：

background-image {
 repeating-linear-gradient( 0deg, rgba(255, 255, 255, 0.43) 0px 1px, transparent 1px 20px ), 
 repeating-linear-gradient( 90deg, rgba(255, 255, 255, 0.43) 0px 1px, transparent 1px 20px )
}

但在基于Next.js的生产构建之后，这被替换为：

background-image {
 repeating-linear-gradient(0deg,hsla(0,0%,100%,.43) 1px,transparent 1px 20px),
 repeating-linear-gradient(90deg,hsla(0,0%,100%,.43) 1px,transparent 1px 20px)
}

并且网格模式不会显示在页面上。

有什么解决方案可以禁用这种转换吗？

Answer 1

解决了将deg转换为梯度语法的to的问题。仍然使用hsla，但结果是相同的。

background-image: repeating-linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.43) 0px 1px,
      transparent 1px 20px
    ),
    repeating-linear-gradient(
      to left,
      rgba(255, 255, 255, 0.43) 0px 1px,
      transparent 1px 20px
    );