2016-09-23 125 views
2

我想使用scss lighten()darken()函數與CSS4 var使用css變量與scss變暗並加上過濾器

像這樣:

box-shadow: inset 0px -2px 50px 45px darken(var(--colorbtn),20%); 

它似乎不工作,一飲而盡這樣寫:

Error: $color: "var(--colorbtn)" is not a color for `darken' 

它不可能做到這一點?

+1

也許給這個閱讀http://codepen.io/jakealbaugh/post/css4-variables-and-sass –

+1

自定義屬性不是「CSS4」。反正什麼CSS4呢? (它實際上並不存在,但我想知道其他人認爲它是什麼。) – BoltClock

+0

通常人們認爲CSS4的存在是因爲他們看到了一個4級模塊。但CSS變量是1級。什麼讓你認爲他們是CSS4? – Oriol

回答

5

這真的不能工作,因爲SASS是預處理和CSS自定義屬性可以在運行時動態地改變。爲了讓SASS能夠用暗化的方式對其進行預處理,它將不得不用靜態值替換定製屬性,在這種情況下,定製屬性的用處會丟失。