CSS Stylus颜色功能，单位灵敏度如何工作？

Question

我在Stylus CSS预处理器语言的文档中读到，颜色函数是单元敏感。例如：

  

变暗（颜色，数量）

     

按量调暗给定颜色。此功能对单位非常敏感   示例支持百分比如下所示。

这是一个代码示例，它带有上述功能：

darken(#D62828, 30)
// => #551010

darken(#D62828, 30%)
// => #961c1c

我不明白的是，计算了第一个数量为30的例子。 30 的金额以单位表示。

Answer 1

是的，这远非直观，但如果您查看来源，那么您会发现：

1. darken bif按以下方式调用adjust bif：adjust(color, 'lightness', - amount)

2. adjust bif对百分比和其他单位有不同的行为：

   • 当有像30这样的单位时，它会通过从颜色的亮度减少给定量来改变颜色的亮度。
   • 当存在百分比时，它会以初始颜色的亮度的给定百分比降低其亮度。