stylus: Auflösung von Variablen in Stylus

Beitrag lesen

Kommt man da durch Probieren drauf oder ist das irgendwo dokumentiert?

5 Minuten probieren, kann Stunden Handbuchlesen ersparen…

Escapen:

$f = 2em
$v = 3vmax

body
	margin: calc\($f \+ $v\)

Zu früh gefreut. 😠 Das ergibt:

body {
	margin: calc ( 2em + 3vmax );
}

Die Leerzeichen in der Klammer sind nicht tragisch; bei calc( darf aber keins dazwischen stehen. ☞ Codepen

Andere Ideen?

$f = 2em
$v = 3vmax

body
	margin: "calc(%s + %s)" % ($f $v)

via https://stackoverflow.com/questions/32272158/how-to-use-a-stylus-variable-in-calc