2014-11-03 45 views
1

我在Stylus CSS預處理器語言的文檔中看到,顏色函數是單元敏感。例如:CSS手寫筆顏色功能,單元靈敏度如何工作?

變暗(顏色,量)

變暗給定的顏色由amount.This功能單元大小寫,用於 例如支撐百分比如下所示。

這裏是一個代碼示例了帶有上述功能有云:

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

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

什麼我不明白,是如何第一個例子,其中有30量,計算。作爲一個單位,金額是多少?

回答

1

啊,這遠非直觀的,但如果你看看源,那麼你會發現:

  1. darken bif調用adjust BIF這樣的:adjust(color, 'lightness', - amount)

  2. adjust bif有百分比和其他單位的不同行爲:

    • 當有像30這樣的單位它窩通過從顏色的亮度減少給定的量來改變顏色的亮度。
    • 當有一個百分比時,那麼它會減少其初始顏色亮度給定百分比的亮度。