2016-09-23 6 views
2

私はscss lighten()darken()の機能をCSS4 varと使いたいと思います。このようscss darkenとligthenフィルタでCSS変数を使用

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

そのことはできませんが、それを行うには:

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

それが機能していないようだが、一口がこれを書くのか?

+1

おそらくこれを読んでくださいhttp://codepen.io/jakealbaugh/post/css4-variables-and-sass –

+1

カスタムプロパティは "CSS4"ではありません。とにかくCSS4は何ですか? (それは実際には存在しませんが、私は他の人たちが何を考えているのだろうと思っています) – BoltClock

+0

普通、レベル4のモジュールを見たのでCSS4が存在すると思っています。しかし、CSS変数はレベル1です。なぜあなたはCSS4であると思いますか? – Oriol

答えて

5

SASSはプリプロセッサで、CSSのカスタムプロパティを動的実行時で変更することができるので、これは実際に動作することはできません。 SASSを暗くしてこれを前処理できるようにするには、カスタムプロパティを静的な値に置き換える必要があります。この場合、カスタムプロパティの有用性は失われます。

関連する問題