web-dev-qa-db-ja.com

Calcでスタイラス変数を使用する方法は?

スタイラスでは、 calc 式で variable を使用するにはどうすればよいですか?

たとえば、次は機能しません(arrow-sizeは変数です):

arrow-size = 5px
left calc(50% - arrow-size)
52
aknuds1

計算式内でスタイラス変数を使用するには、 string%operator を使用する必要があります。

arrow-size = 5px
left "calc(50% - %s)" % arrow-size
81
aknuds1

複数の変数(1つだけではなく)calc(または他の関数)で使用するには、 sprintfを使用します 使用したとおりですが、タプルを使用:

arrow-size = 5px
measure = 50%
left "calc(%s - %s)" % (measure arrow-size)

スタイラスの interepolation{}そして、他の種類の補間に使用されます。式を囲むために使用され、識別子またはセレクターの一部になります。

42
Facundo Victor