2017-05-15 3 views
0

スタイラスコードにCSS calc()機能を追加したいと思います。この関数には複数の変数とミックスインがあり、ミックスインを正しく動作させることはできません。ミックスインは、私の値は内部の任意の単位を削除することになっている:Stylusのsprintf関数にmixinを追加するには?

strip-unit(value) 
    value/(value * 0 + 1) 

その後、私はそうのようなスタイラスのsprintf関数を使用して、私のCSS calc機能にミックスインを追加しようとしました:

font-size "calc(%s + %s * ((50vw - %s)/%s))" % (foo strip-unit(bar - foo) foo2 strip-unit(foo2 - foo)) 

しかし、私は、代わりにstrip-unitミックスインスタイラスを使用しての

font-size: calc(12px + 15px * ((50vw - 320px)/880px)); 

答えて

0

を構築しましたが付属しています。常に(単位は削除されませんでした)そのようなCSSコードで終わりますユニットを変換できる関数unit()にあります。ただし、関数の2番目のパラメータを空のままにすると、ユニットを置き換えるのではなくユニットが削除されます。だから私がする必要があったのは、次のとおりでした:

font-size "calc(%s + %s * ((50vw - %s)/%s))" % (foo unit(bar - foo,'') foo2 unit(foo2 - foo,'')) 
関連する問題